@import "https://fonts.googleapis.com/css2?family=Bricolage+Grotesque:wght@400;500;800&display=swap";.os-size-observer,.os-size-observer-listener{direction:inherit;pointer-events:none;visibility:hidden;box-sizing:border-box;overflow:hidden;scroll-behavior:auto!important}.os-size-observer,.os-size-observer-listener,.os-size-observer-listener-item,.os-size-observer-listener-item-final{writing-mode:horizontal-tb;position:absolute;top:0;left:0}.os-size-observer{z-index:-1;contain:strict;padding:inherit;border:inherit;box-sizing:inherit;flex-flow:row;margin:-133px;display:flex;inset:0;transform:scale(.1)}.os-size-observer:before{content:"";box-sizing:inherit;flex:none;width:10px;height:10px;padding:10px}.os-size-observer-appear{animation:1ms forwards os-size-observer-appear-animation}.os-size-observer-listener{box-sizing:border-box;padding:inherit;border:inherit;flex:auto;margin:-133px;position:relative;transform:scale(10)}.os-size-observer-listener.ltr{margin-left:0;margin-right:-266px}.os-size-observer-listener.rtl{margin-left:-266px;margin-right:0}.os-size-observer-listener:empty:before{content:"";width:100%;height:100%}.os-size-observer-listener:empty:before,.os-size-observer-listener>.os-size-observer-listener-item{padding:inherit;border:inherit;box-sizing:content-box;flex:auto;display:block;position:relative}.os-size-observer-listener-scroll{box-sizing:border-box;display:flex}.os-size-observer-listener-item{direction:ltr;flex:none;bottom:0;right:0;overflow:hidden}.os-size-observer-listener-item-final{transition:none}@keyframes os-size-observer-appear-animation{0%{cursor:auto}to{cursor:none}}.os-trinsic-observer{box-sizing:border-box;z-index:-1;contain:strict;border:none;flex:none;max-width:0;height:0;max-height:1px;margin:0;padding:0;position:relative;top:calc(100% + 1px);overflow:hidden}.os-trinsic-observer:not(:empty){height:calc(100% + 1px);top:-1px}.os-trinsic-observer:not(:empty)>.os-size-observer{width:1000%;min-width:1px;height:1000%;min-height:1px}html[data-overlayscrollbars-body]{overflow:hidden}html[data-overlayscrollbars-body],html[data-overlayscrollbars-body]>body{width:100%;height:100%;margin:0}html[data-overlayscrollbars-body]>body{margin:0;overflow:visible}[data-overlayscrollbars]{position:relative}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{display:flex;scroll-behavior:auto!important;flex-flow:row!important;align-items:stretch!important}[data-overlayscrollbars-padding],[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){box-sizing:inherit;z-index:0;border:none;flex:auto;width:100%;min-width:0;height:auto;margin:0;padding:0;position:relative}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]){--os-vaw:0;--os-vah:0;outline:none}[data-overlayscrollbars-viewport]:not([data-overlayscrollbars]):focus{outline:none}[data-overlayscrollbars-viewport][data-overlayscrollbars-viewport~=arrange]:before{content:"";pointer-events:none;z-index:-1;min-width:1px;min-height:1px;width:var(--os-vaw);height:var(--os-vah);position:absolute}[data-overlayscrollbars~=host],[data-overlayscrollbars-padding]{overflow:hidden!important}[data-overlayscrollbars~=host][data-overlayscrollbars~=noClipping],[data-overlayscrollbars-padding~=noClipping]{overflow:visible!important}[data-overlayscrollbars-viewport]{--os-viewport-overflow-x:hidden;--os-viewport-overflow-y:hidden;overflow-x:var(--os-viewport-overflow-x);overflow-y:var(--os-viewport-overflow-y)}[data-overlayscrollbars-viewport~=overflowXVisible]{--os-viewport-overflow-x:visible}[data-overlayscrollbars-viewport~=overflowXHidden]{--os-viewport-overflow-x:hidden}[data-overlayscrollbars-viewport~=overflowXScroll]{--os-viewport-overflow-x:scroll}[data-overlayscrollbars-viewport~=overflowYVisible]{--os-viewport-overflow-y:visible}[data-overlayscrollbars-viewport~=overflowYHidden]{--os-viewport-overflow-y:hidden}[data-overlayscrollbars-viewport~=overflowYScroll]{--os-viewport-overflow-y:scroll}[data-overlayscrollbars-viewport~=overflowImportant]{overflow-x:var(--os-viewport-overflow-x)!important;overflow-y:var(--os-viewport-overflow-y)!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId){font-size:0!important;line-height:0!important}[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):before,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId):after,[data-overlayscrollbars-viewport~=noContent]:not(#osFakeId)>:not(#osFakeId){clip:rect(0, 0, 0, 0)!important;white-space:nowrap!important;border-width:0!important;width:1px!important;height:1px!important;margin:-1px!important;padding:0!important;display:none!important;position:absolute!important;overflow:hidden!important}[data-overlayscrollbars-viewport~=measuring],[data-overlayscrollbars-viewport~=scrolling]{scroll-behavior:auto!important;scroll-snap-type:none!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowXVisible]{overflow-x:hidden!important}[data-overlayscrollbars-viewport~=measuring][data-overlayscrollbars-viewport~=overflowYVisible]{overflow-y:hidden!important}[data-overlayscrollbars-content]{box-sizing:inherit}[data-overlayscrollbars-contents]:not(#osFakeId):not([data-overlayscrollbars-padding]):not([data-overlayscrollbars-viewport]):not([data-overlayscrollbars-content]){display:contents}[data-overlayscrollbars-grid],[data-overlayscrollbars-grid] [data-overlayscrollbars-padding]{grid-template:1fr/1fr;display:grid}[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding],[data-overlayscrollbars-grid]>[data-overlayscrollbars-viewport],[data-overlayscrollbars-grid]>[data-overlayscrollbars-padding]>[data-overlayscrollbars-viewport]{width:auto!important;height:auto!important}@property --os-scroll-percent{syntax:"<number>";inherits:true;initial-value:0}@property --os-viewport-percent{syntax:"<number>";inherits:true;initial-value:0}.os-scrollbar{--os-viewport-percent:0;--os-scroll-percent:0;--os-scroll-direction:0;--os-scroll-percent-directional:calc(var(--os-scroll-percent) - (var(--os-scroll-percent) + (1 - var(--os-scroll-percent)) * -1) * var(--os-scroll-direction));contain:size layout;contain:size layout style;pointer-events:none;opacity:0;visibility:hidden;transition:opacity .15s,visibility .15s,top .15s,right .15s,bottom .15s,left .15s;position:absolute}body>.os-scrollbar{z-index:99999;position:fixed}.os-scrollbar-transitionless{transition:none!important}.os-scrollbar-track{position:relative;border:none!important;padding:0!important}.os-scrollbar-handle{position:absolute}.os-scrollbar-track,.os-scrollbar-handle{pointer-events:none;width:100%;height:100%}.os-scrollbar.os-scrollbar-track-interactive .os-scrollbar-track,.os-scrollbar.os-scrollbar-handle-interactive .os-scrollbar-handle{pointer-events:auto;touch-action:none}.os-scrollbar-horizontal{bottom:0;left:0}.os-scrollbar-vertical{top:0;right:0}.os-scrollbar-rtl.os-scrollbar-horizontal{right:0}.os-scrollbar-rtl.os-scrollbar-vertical{left:0;right:auto}.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-auto-hide.os-scrollbar-auto-hide-hidden{opacity:0;visibility:hidden}.os-scrollbar-interaction.os-scrollbar-visible{opacity:1;visibility:visible}.os-scrollbar-unusable,.os-scrollbar-unusable *,.os-scrollbar-wheel,.os-scrollbar-wheel *{pointer-events:none!important}.os-scrollbar-unusable .os-scrollbar-handle{opacity:0!important;transition:none!important}.os-scrollbar-horizontal .os-scrollbar-handle{bottom:0;left:calc(var(--os-scroll-percent-directional) * 100%);transform:translateX(calc(var(--os-scroll-percent-directional) * -100%));width:calc(var(--os-viewport-percent) * 100%)}.os-scrollbar-vertical .os-scrollbar-handle{right:0;top:calc(var(--os-scroll-percent-directional) * 100%);transform:translateY(calc(var(--os-scroll-percent-directional) * -100%));height:calc(var(--os-viewport-percent) * 100%)}@supports (container-type:size){.os-scrollbar-track{container-type:size}.os-scrollbar-horizontal .os-scrollbar-handle{transform:translateX(calc(var(--os-scroll-percent-directional) * 100cqw + var(--os-scroll-percent-directional) * -100%));left:auto}.os-scrollbar-vertical .os-scrollbar-handle{transform:translateY(calc(var(--os-scroll-percent-directional) * 100cqh + var(--os-scroll-percent-directional) * -100%));top:auto}.os-scrollbar-rtl.os-scrollbar-horizontal .os-scrollbar-handle{left:0;right:auto}}.os-scrollbar-rtl.os-scrollbar-vertical .os-scrollbar-handle{left:0;right:auto}.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-horizontal.os-scrollbar-cornerless.os-scrollbar-rtl{left:0;right:0}.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless,.os-scrollbar.os-scrollbar-vertical.os-scrollbar-cornerless.os-scrollbar-rtl{top:0;bottom:0}@media print{.os-scrollbar{display:none}}.os-scrollbar{--os-size:0;--os-padding-perpendicular:0;--os-padding-axis:0;--os-track-border-radius:0;--os-track-bg:none;--os-track-bg-hover:none;--os-track-bg-active:none;--os-track-border:none;--os-track-border-hover:none;--os-track-border-active:none;--os-handle-border-radius:0;--os-handle-bg:none;--os-handle-bg-hover:none;--os-handle-bg-active:none;--os-handle-border:none;--os-handle-border-hover:none;--os-handle-border-active:none;--os-handle-min-size:33px;--os-handle-max-size:none;--os-handle-perpendicular-size:100%;--os-handle-perpendicular-size-hover:100%;--os-handle-perpendicular-size-active:100%;--os-handle-interactive-area-offset:0}.os-scrollbar-track{border:var(--os-track-border);border-radius:var(--os-track-border-radius);background:var(--os-track-bg);transition:opacity .15s,background-color .15s,border-color .15s}.os-scrollbar-track:hover{border:var(--os-track-border-hover);background:var(--os-track-bg-hover)}.os-scrollbar-track:active{border:var(--os-track-border-active);background:var(--os-track-bg-active)}.os-scrollbar-handle{border:var(--os-handle-border);border-radius:var(--os-handle-border-radius);background:var(--os-handle-bg)}.os-scrollbar-handle:hover{border:var(--os-handle-border-hover);background:var(--os-handle-bg-hover)}.os-scrollbar-handle:active{border:var(--os-handle-border-active);background:var(--os-handle-bg-active)}.os-scrollbar-track:before,.os-scrollbar-handle:before{content:"";display:block;position:absolute;inset:0}.os-scrollbar-horizontal{padding:var(--os-padding-perpendicular) var(--os-padding-axis);right:var(--os-size);height:var(--os-size)}.os-scrollbar-horizontal.os-scrollbar-rtl{left:var(--os-size);right:0}.os-scrollbar-horizontal .os-scrollbar-track:before{top:calc(var(--os-padding-perpendicular) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal .os-scrollbar-handle{min-width:var(--os-handle-min-size);max-width:var(--os-handle-max-size);height:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,height .15s}.os-scrollbar-horizontal .os-scrollbar-handle:before{top:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);bottom:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-horizontal:hover .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-horizontal:active .os-scrollbar-handle{height:var(--os-handle-perpendicular-size-active)}.os-scrollbar-vertical{padding:var(--os-padding-axis) var(--os-padding-perpendicular);bottom:var(--os-size);width:var(--os-size)}.os-scrollbar-vertical .os-scrollbar-track:before{left:calc(var(--os-padding-perpendicular) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical .os-scrollbar-handle{min-height:var(--os-handle-min-size);max-height:var(--os-handle-max-size);width:var(--os-handle-perpendicular-size);transition:opacity .15s,background-color .15s,border-color .15s,width .15s}.os-scrollbar-vertical .os-scrollbar-handle:before{left:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);right:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical.os-scrollbar-rtl .os-scrollbar-handle:before{right:calc((var(--os-padding-perpendicular) + var(--os-handle-interactive-area-offset)) * -1);left:calc(var(--os-padding-perpendicular) * -1)}.os-scrollbar-vertical:hover .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-hover)}.os-scrollbar-vertical:active .os-scrollbar-handle{width:var(--os-handle-perpendicular-size-active)}[data-overlayscrollbars-viewport~=measuring]>.os-scrollbar,.os-theme-none.os-scrollbar{display:none!important}.os-theme-dark,.os-theme-light{box-sizing:border-box;--os-size:10px;--os-padding-perpendicular:2px;--os-padding-axis:2px;--os-track-border-radius:10px;--os-handle-interactive-area-offset:4px;--os-handle-border-radius:10px}.os-theme-dark{--os-handle-bg:#00000070;--os-handle-bg-hover:#0000008c;--os-handle-bg-active:#000000a8}.os-theme-light{--os-handle-bg:#ffffff70;--os-handle-bg-hover:#ffffff8c;--os-handle-bg-active:#ffffffa8}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport]),[data-overlayscrollbars-viewport~=scrollbarHidden],html[data-overlayscrollbars-viewport~=scrollbarHidden]>body{scrollbar-width:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars-viewport])::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-viewport~=scrollbarHidden]::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar{appearance:none!important;width:0!important;height:0!important;display:none!important}html[data-overlayscrollbars-viewport~=scrollbarHidden]>body::-webkit-scrollbar-corner{appearance:none!important;width:0!important;height:0!important;display:none!important}[data-overlayscrollbars-initialize]:not([data-overlayscrollbars]):not(html):not(body){overflow:auto}:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--color-black:#080809;--color-white:#fff;--color-red:#ed4e4e;--selection-background:var(--color-white);--selection-color:var(--color-black);--color-muted:#656565;--font-display:"Bricolage Grotesque", Arial, Helvetica, sans-serif;--scrollbar-size:8px;--scrollbar-thumb:#656565b8;--scrollbar-thumb-hover:#656565e6;--scrollbar-thumb-active:#080809e6;--scrollbar-track:transparent;--glass-white:#ffffffc7;--glass-white-border:#ffffff8f;--glass-blur:blur(18px) saturate(1.16)}*{box-sizing:border-box}::selection{background:var(--selection-background);color:var(--selection-color)}.loading__chrome ::selection{background:var(--color-black);color:var(--color-white)}.loading__number-clip ::selection{background:var(--color-black);color:var(--color-white)}.hero__time-popup-panel ::selection{background:var(--color-black);color:var(--color-white)}.experience-year-panel ::selection{background:var(--color-black);color:var(--color-white)}.project-detail ::selection{background:var(--color-black);color:var(--color-white)}html,body,#root{min-height:100%}html{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-gutter:stable;scrollbar-width:thin;overflow-y:scroll}body{background:var(--color-black);font-family:var(--font-display);margin:0;overflow-x:hidden}body::-webkit-scrollbar{width:var(--scrollbar-size);height:var(--scrollbar-size)}body::-webkit-scrollbar-track{background:var(--scrollbar-track)}body::-webkit-scrollbar-thumb{background-color:var(--scrollbar-thumb);background-clip:content-box;border:2px solid #0000;border-radius:999px}body::-webkit-scrollbar-thumb:hover{background-color:var(--scrollbar-thumb-hover)}body::-webkit-scrollbar-thumb:active{background-color:var(--scrollbar-thumb-active)}body.portfolio-is-loading{overflow:hidden}.mouse-click-effect{z-index:1000;pointer-events:none;position:fixed;inset:0}.mouse-click-effect__mark{left:var(--click-x);top:var(--click-y);width:65px;height:65px;color:var(--click-color);transform-origin:50%;position:absolute;overflow:visible;transform:translate(-50%,-50%)}@media (prefers-reduced-motion:reduce){.mouse-click-effect{display:none}}button,input,textarea,select{font:inherit}.app-shell{background:var(--color-black);min-height:100vh;position:relative;overflow:hidden}.loading__background{z-index:10;background:var(--color-white);position:fixed;inset:0}.loading__chrome{z-index:30;min-height:100svh;color:var(--color-black);pointer-events:none;position:fixed;inset:0;overflow:hidden}.loading__chrome-group{will-change:transform;place-items:center;display:grid;position:absolute;inset:0}.loading__line{background:var(--color-black);width:2px;position:absolute;left:50%;transform:translate(-50%)}.loading__line--top{top:0}.loading__line--bottom{top:calc(50% + clamp(30px,4.4vw,44px))}.loading__number-clip{background:var(--color-white);will-change:transform;place-items:center;min-width:clamp(86px,9vw,126px);height:clamp(62px,7vw,90px);display:grid;position:relative;overflow:hidden}.loading__number{letter-spacing:0;min-width:2ch;color:var(--color-black);will-change:transform, opacity;justify-content:center;font-size:clamp(3rem,5.86vw,3.75rem);font-weight:400;line-height:1;display:flex}.loading__digit{text-align:center;will-change:transform, opacity;width:.62em;display:inline-block}.hero{--hero-content-max:1440px;--hero-inline-padding:clamp(1.5rem, 8.33vw, 7.5rem);--hero-content-left:max(var(--hero-inline-padding), calc((100vw - var(--hero-content-max)) / 2 + var(--hero-inline-padding)));z-index:20;background:var(--color-black);min-height:100svh;color:var(--color-white);will-change:transform;display:flex;position:fixed;inset:0;overflow:hidden;transform:translateY(100vh)}.hero--loaded{z-index:auto;will-change:auto;position:relative;transform:translateY(0)}.hero__content{width:min(100%, var(--hero-content-max));padding:100px var(--hero-inline-padding) 7rem;margin:0 auto}.hero__heading{letter-spacing:0;flex-direction:column;gap:0;margin:0;font-size:clamp(4rem,6.95vw,6.25rem);font-weight:800;line-height:1.2;display:flex}.hero__line-clip,.hero__role-clip{align-self:flex-start;display:inline-flex;overflow:hidden}.hero__line,.hero__role-text{will-change:transform, opacity;display:inline-block}.hero__greeting{cursor:default;position:relative}.hero__greeting-text{will-change:transform;transition:transform .42s cubic-bezier(.22,1,.36,1);display:block}.hero__greeting-text--alternate{position:absolute;inset:0;transform:translateY(100%)}.hero__greeting:hover .hero__greeting-text--default{transform:translateY(-100%)}.hero__greeting:hover .hero__greeting-text--alternate{transform:translateY(0)}.hero__role-clip{height:calc(1em + 2*clamp(.625rem,1.56vw,1rem));margin-top:1rem}.hero__role-track{cursor:pointer;touch-action:none;-webkit-user-select:none;user-select:none;will-change:transform, opacity;outline:none;flex-direction:column;align-self:flex-start;gap:0;display:flex}.hero__role-track:active{cursor:grabbing}.hero__role-track:focus-visible{box-shadow:0 0 0 3px var(--color-black), 0 0 0 6px var(--color-white)}.hero__role{background:var(--color-red);color:var(--color-black);white-space:nowrap;justify-content:center;align-self:flex-start;align-items:center;padding:clamp(.625rem,1.56vw,1rem) clamp(1rem,2.35vw,1.5rem);line-height:1;display:flex}.hero__location{cursor:pointer}.hero__time-popup{z-index:40;pointer-events:none;opacity:0;visibility:hidden;will-change:transform, opacity;position:fixed;top:0;left:0}.hero__time-popup-panel{background:var(--color-white);min-width:250px;color:var(--color-black);transform-origin:0 0;will-change:transform, opacity;flex-direction:column;align-items:flex-start;padding:16px;display:flex}.hero__time-popup-time,.hero__time-popup-date{white-space:nowrap;width:100%;line-height:1;display:block}.hero__time-popup-time{font-size:30px;font-weight:800}.hero__time-popup-date{color:var(--color-muted);margin-top:4px;font-size:20px;font-weight:500}.hero__progress{flex-direction:column;gap:12px;width:26px;margin-top:40px;display:flex}.hero__progress-line{background:var(--color-muted);opacity:0;will-change:width, opacity, background-color;width:20px;height:2px;display:block}.about-intro{background:var(--color-black);min-height:100svh;color:var(--color-white);align-items:center;display:flex}.about-intro__content{width:min(100%,1440px);margin:0 auto;padding:6rem clamp(1.5rem,15.42vw,13.875rem)}.about-intro__eyebrow{color:#d9d9d9;letter-spacing:0;margin:0 0 16px;font-size:1.25rem;font-weight:400;line-height:1.2}.about-intro__paragraph{max-width:967px;color:var(--color-muted);letter-spacing:0;margin:0;font-size:clamp(2rem,2.78vw,2.5rem);font-weight:400;line-height:1.18}.about-intro__paragraph+.about-intro__paragraph{margin-top:16px}.about-intro__word{color:var(--color-muted);will-change:color;display:inline}.experience{z-index:30;background:var(--color-black);min-height:100svh;color:var(--color-white);position:relative}.experience__pin{background:var(--color-black);min-height:100svh;position:relative;overflow:hidden}.experience__heading{z-index:2;width:max-content;color:var(--color-white);letter-spacing:0;white-space:nowrap;will-change:transform;margin:0;font-size:clamp(4.8rem,6.95vw,6.25rem);font-weight:800;line-height:1.2;position:absolute;top:0;left:clamp(1.5rem,2.78vw,2.5rem);overflow:hidden}.experience__heading-text{will-change:transform;display:block}.experience-timeline{z-index:2;visibility:hidden;pointer-events:none;will-change:transform;width:min(100% - 3rem,520px);height:min(623px,100svh - 160px);position:absolute;top:calc(50% + min(623px,100svh - 160px)/-2);left:clamp(1.5rem,2.78vw,2.5rem);overflow:hidden}.experience-timeline__track{will-change:transform;height:1510px;position:relative}.experience-timeline__years,.experience-timeline__year-item{position:absolute;top:0;left:0}.experience-timeline__year-item{top:calc(285px + var(--year-index) * 297px);will-change:transform;height:24px;left:0}.experience-timeline__lines{flex-direction:column;justify-content:flex-start;gap:25px;width:72px;height:1487px;display:flex;position:absolute;top:0;left:0}.experience-timeline__line{background:var(--color-muted);will-change:width, background-color;border-radius:999px;width:30px;height:2px;display:block}.experience-timeline__year{width:max-content;color:var(--color-muted);cursor:pointer;letter-spacing:0;pointer-events:auto;transform-origin:0;will-change:transform, color;background:0 0;border:0;margin:0;padding:0;font-size:1.25rem;font-weight:400;line-height:1.2}.experience-timeline__year-item--active .experience-timeline__year{color:var(--color-white)}.experience-year-panels{z-index:4;pointer-events:none;width:calc(100% - min(18.61vw,268px));position:absolute;top:0;bottom:0;right:0}.experience-year-panel{overscroll-behavior:contain;background:var(--color-white);min-width:0;color:var(--color-black);visibility:hidden;will-change:transform;position:absolute;inset:0;overflow:hidden}.experience-year-panel--visible{pointer-events:auto}.experience-year-panel>[data-overlayscrollbars-contents],.project-detail>[data-overlayscrollbars-contents]{min-height:100%}.experience-year-panel__content{min-height:100%;padding:0 40px 64px;position:relative}.experience-year-panel__close-row{z-index:3;background:var(--glass-white);width:auto;height:80px;-webkit-backdrop-filter:var(--glass-blur);align-items:center;margin:0 -40px;padding:24px 40px;display:flex;position:sticky;top:0}.experience-year-panel__close{width:48px;height:48px;color:var(--color-black);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.experience-year-panel__close img{width:32px;height:32px;display:block}.experience-year-panel__body{margin-top:28px}.experience-year-panel__intro{max-width:967px}.experience-year-panel__range{color:var(--color-muted);letter-spacing:0;margin:0 0 16px;font-size:1rem;font-weight:400;line-height:1.2}.experience-year-panel__title{color:var(--panel-accent);letter-spacing:0;margin:0;font-size:clamp(3.5rem,4.17vw,3.75rem);font-weight:800;line-height:1}.experience-year-panel__title-line{display:block}.experience-year-panel__description{color:#656565;letter-spacing:0;max-width:967px;margin:16px 0 0;font-size:1.25rem;font-weight:400;line-height:1.2}.experience-year-panel__projects{border-top:1px solid #d9d9d9;width:100%;margin-top:40px}.experience-year-panel__project{width:100%;min-height:48px;color:var(--color-black);cursor:pointer;text-align:left;background:0 0;border:0;border-bottom:1px solid #d9d9d9;grid-template-columns:minmax(0,967px) 32px;justify-content:space-between;align-items:center;gap:clamp(1rem,3vw,4.8rem);padding:16px 0;transition:padding .36s cubic-bezier(.22,1,.36,1),color .24s;display:grid;position:relative;overflow:hidden}.experience-year-panel__project:before{z-index:0;content:"";transform-origin:0;will-change:transform;background:#e9e9e9;transition:transform .42s cubic-bezier(.22,1,.36,1);position:absolute;inset:0;transform:scaleX(0)}.experience-year-panel__project:not(:disabled):is(:hover,:focus-visible):before{transform:scaleX(1)}.experience-year-panel__project:not(:disabled):is(:hover,:focus-visible){padding-left:20px;padding-right:20px}.experience-year-panel__project:disabled{cursor:default;opacity:.5}.experience-year-panel__project span:first-child{z-index:1;overflow-wrap:anywhere;letter-spacing:0;will-change:transform;min-width:0;font-size:1.5rem;font-weight:800;line-height:1;transition:color .24s,transform .42s cubic-bezier(.22,1,.36,1);position:relative;transform:translate(0)}.experience-year-panel__project:not(:disabled):is(:hover,:focus-visible) span:first-child{color:var(--color-black);transform:translate(20px)}.experience-year-panel__project-arrow{z-index:1;width:32px;height:32px;transition:filter .24s;display:block}.project-detail{z-index:160;overscroll-behavior:contain;background:var(--color-white);color:var(--color-black);pointer-events:auto;will-change:transform;position:absolute;inset:0;overflow:hidden}.project-detail__content{width:100%;max-width:none;margin-left:0;padding:0 40px 64px}.project-detail__back-row{z-index:3;background:var(--glass-white);width:auto;height:80px;-webkit-backdrop-filter:var(--glass-blur);align-items:center;margin:0 -40px;padding:24px 40px;display:flex;position:sticky;top:0}.project-detail__back{width:48px;height:48px;color:var(--color-black);cursor:pointer;background:0 0;border:0;place-items:center;padding:0;display:grid}.project-detail__back:disabled{cursor:default}.project-detail__back img{width:32px;height:32px;display:block}.project-detail__header{max-width:967px;margin-top:28px}.project-detail__header h2{color:var(--color-black);letter-spacing:0;margin:0;font-size:clamp(2.25rem,2.78vw,2.5rem);font-weight:800;line-height:1.2}.project-detail__header p{color:#656565;letter-spacing:0;margin:14px 0 0;font-size:1.25rem;font-weight:400;line-height:1.2}.project-detail__links{flex-wrap:wrap;justify-content:flex-start;gap:12px 20px;margin-top:16px;display:flex}.project-detail__link{color:#656565;letter-spacing:0;font-size:16px;font-weight:400;line-height:1.2;text-decoration:none;display:inline-flex;position:relative}.project-detail__link:after{content:"";transform-origin:0;background:currentColor;height:2px;transition:transform .18s;position:absolute;bottom:-2px;left:0;right:0;transform:scaleX(0)}.project-detail__link:hover:after,.project-detail__link:focus-visible:after,.project-detail__image-links .project-detail__link:hover:after,.project-detail__image-links .project-detail__link:focus-visible:after{transform:scaleX(1)}.project-detail__images{flex-direction:column;gap:16px;max-width:1092px;margin-top:40px;display:flex}.project-detail__image-frame{width:fit-content;max-width:100%;margin:0}.project-detail__image-frame img{max-width:100%;height:auto;display:block}.project-detail__image-links{text-align:center;flex-wrap:wrap;justify-content:center;gap:12px 20px;margin-top:16px;display:flex}.site-footer{z-index:0;background:var(--color-black);min-height:100svh;color:var(--color-white);visibility:hidden;position:absolute;inset:0;overflow:hidden}.site-footer__content{width:min(100%,1440px);min-height:100svh;margin:0 auto;padding:200px clamp(1.5rem,8.33vw,7.5rem) 40px;position:relative}.site-footer__contacts{flex-direction:column;align-items:flex-start;gap:60px;width:min(100%,1087px);display:flex}.site-footer__contact-block{width:100%}.site-footer__contact-block--mobile{width:min(100%,775px)}.site-footer__label,.site-footer__value{letter-spacing:0;margin:0;display:block;overflow:hidden}.site-footer__label{color:var(--color-muted);font-size:30px;font-weight:800;line-height:1.2}.site-footer__value{color:var(--color-white);margin-top:16px;font-size:clamp(3.25rem,5.56vw,5rem);font-weight:800;line-height:1.12}.site-footer__label-text,.site-footer__value-text{overflow-wrap:anywhere;will-change:transform;display:block}.site-footer__bottom{justify-content:space-between;align-items:center;gap:2rem;display:flex;position:absolute;bottom:32px;left:clamp(1.5rem,8.33vw,7.5rem);right:clamp(1.5rem,8.33vw,7.5rem)}.site-footer__back,.site-footer__social a{color:var(--color-white);cursor:pointer;letter-spacing:0;background:0 0;border:0;padding:0;font-size:1rem;line-height:1.2;text-decoration:none}.site-footer__back{font-weight:400;display:block;position:relative;overflow:hidden}.site-footer__back-text{height:1.2em;display:block;overflow:hidden}.site-footer__back-text span{will-change:transform;transition:transform .34s cubic-bezier(.22,1,.36,1);display:block}.site-footer__back:hover .site-footer__back-text span,.site-footer__back:focus-visible .site-footer__back-text span{transform:translateY(-100%)}.site-footer__back-label{clip:rect(0 0 0 0);white-space:nowrap;clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.site-footer__social{align-items:center;gap:20px;display:flex}.site-footer__social a{font-weight:500}.site-footer__social span{background:#d9d9d9;width:6px;height:1px;display:block}.site-footer__back:focus-visible,.site-footer__social a:focus-visible{outline:2px solid var(--color-white);outline-offset:4px}.os-theme-portfolio{--os-handle-bg:var(--scrollbar-thumb);--os-handle-bg-hover:var(--scrollbar-thumb-hover);--os-handle-bg-active:var(--scrollbar-thumb-active);--os-handle-border-radius:999px;--os-track-bg:var(--scrollbar-track);--os-track-bg-hover:var(--scrollbar-track);--os-track-bg-active:var(--scrollbar-track);--os-track-border-radius:999px;--os-size:var(--scrollbar-size);--os-padding-perpendicular:2px;--os-padding-axis:2px}@media (width<=760px){.hero{--hero-inline-padding:1.5rem}.hero__content{flex-direction:column;justify-content:center;align-items:flex-start;min-height:100svh;padding:100px 1.5rem 7rem;display:flex}.hero__heading{white-space:normal;width:100%;font-size:clamp(3.1rem,15vw,5.2rem);line-height:1.05}.hero__role{max-width:100%;min-height:calc(2.1em + 1.1rem);font-size:inherit;white-space:normal;padding:.55rem .85rem;line-height:1.05}.hero__role-clip{height:calc(2.1em + 1.1rem);margin-top:.75rem;font-size:clamp(2.35rem,11.2vw,4.1rem)}.about-intro__content{padding:5rem 1.5rem}.about-intro__eyebrow{margin-bottom:18px;font-size:1rem}.about-intro__paragraph{font-size:30px;line-height:1.12}.experience__heading{white-space:normal;font-size:clamp(2.4rem,10.2vw,2.55rem);left:1.5rem}.experience-timeline{width:calc(100% - 3rem);height:min(520px,100svh - 140px);left:1.5rem}.experience__pin--footer-active .experience-timeline{visibility:hidden!important;opacity:0!important}.experience-timeline__track{height:1510px}.experience-timeline__lines{width:64px}.experience-year-panels{width:100%;left:0;right:0}:is(.experience__pin:has(.experience-year-panel--visible),.experience__pin:has(.project-detail)){overflow:visible}.experience-year-panel--visible,.project-detail{top:var(--experience-overlay-offset-y,0px);width:100%;height:calc(100svh - var(--experience-overlay-offset-y,0px));bottom:auto}.experience-year-panel__content{padding:0 1.5rem 3rem}.experience-year-panel__close-row{height:76px;margin:0 -1.5rem;padding:24px 1.5rem}.experience-year-panel__body{margin-top:1.25rem}.experience-year-panel__range{font-size:.875rem}.experience-year-panel__title{font-size:clamp(2.25rem,9.8vw,3.1rem);line-height:1.05}.experience-year-panel__description{font-size:clamp(1rem,4.9vw,1.25rem)}.experience-year-panel__projects{margin-top:2.5rem}.experience-year-panel__project{grid-template-columns:minmax(0,1fr) 32px;gap:1rem;min-height:56px}.experience-year-panel__project span:first-child{font-size:1.5rem}.experience-year-panel__project-arrow{width:32px;height:32px}.project-detail__content{width:100%;max-width:none;margin-left:0;padding:0 1.5rem 2.5rem}.project-detail__back-row{height:76px;margin:0 -1.5rem;padding:24px 1.5rem;top:0}.project-detail__header{margin-top:1.25rem}.project-detail__header h2{font-size:clamp(2rem,9vw,2.5rem)}.project-detail__header p{font-size:1rem}.project-detail__images{gap:12px;margin-top:2rem}.site-footer__content{flex-direction:column;justify-content:center;padding:5rem 1.5rem 6.5rem;display:flex}.site-footer__contacts{gap:2.5rem}.site-footer__label{font-size:1.35rem}.site-footer__value{font-size:clamp(1.95rem,9.6vw,3.1rem);line-height:1.05}.site-footer__bottom{flex-direction:column-reverse;align-items:flex-start;gap:1.5rem;bottom:1.5rem;left:1.5rem;right:1.5rem}.site-footer__social{flex-wrap:wrap;gap:12px}}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important}.hero{transform:translateY(0)}.about-intro__word{color:var(--color-white)}.experience__pin{min-height:auto;padding:5rem 1.5rem;overflow:visible}.experience__heading,.experience-timeline{position:static}.experience__heading{font-size:1.25rem}.experience-timeline{visibility:visible;gap:4rem;height:auto;margin-top:4rem;overflow:visible}.experience-timeline__year-item{min-height:auto}.experience-year-panels{gap:2rem;width:auto;height:auto;margin-top:3rem;display:grid;position:static;transform:none}.experience-year-panel{visibility:visible;min-height:220px;position:static;transform:none}.project-detail{transform:none!important}.site-footer{visibility:visible;min-height:auto;position:static}.site-footer__content{min-height:auto;padding:5rem 1.5rem 2rem}.site-footer__label-text,.site-footer__value-text,.site-footer__back-text span{transform:none!important}}