@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){:root,:host{--paper:#fafaf9;--surface:#f0f0ee;--ink:#181818;--heading:#343434;--muted:#8e8585;--identity:#504b4b;--active:#333030;--hover:#dbdbd4;--line:#d7d3d3;--media:#181818}*,:before,:after,::backdrop{--tw-rotate-x:initial;--tw-rotate-y:initial;--tw-rotate-z:initial;--tw-skew-x:initial;--tw-skew-y:initial;--tw-border-style:solid;--tw-outline-style:solid;--tw-blur:initial;--tw-brightness:initial;--tw-contrast:initial;--tw-grayscale:initial;--tw-hue-rotate:initial;--tw-invert:initial;--tw-opacity:initial;--tw-saturate:initial;--tw-sepia:initial;--tw-drop-shadow:initial;--tw-drop-shadow-color:initial;--tw-drop-shadow-alpha:100%;--tw-drop-shadow-size:initial}}}@layer theme{:root,:host{--default-transition-duration:.15s;--default-transition-timing-function:cubic-bezier(.4, 0, .2, 1)}}@layer utilities{.pointer-events-none{pointer-events:none}.invisible{visibility:hidden}.visible{visibility:visible}.sr-only{clip-path:inset(50%);white-space:nowrap;border-width:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.absolute{position:absolute}.fixed{position:fixed}.relative{position:relative}.top-0{top:0}.left-0{left:0}.container{width:100%}@media(min-width:40rem){.container{max-width:40rem}}@media(min-width:48rem){.container{max-width:48rem}}@media(min-width:64rem){.container{max-width:64rem}}@media(min-width:80rem){.container{max-width:80rem}}@media(min-width:96rem){.container{max-width:96rem}}.block{display:block}.flex{display:flex}.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}.bg-hover{background-color:var(--hover)}.antialiased{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.outline{outline-style:var(--tw-outline-style);outline-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,)}.grayscale{--tw-grayscale:grayscale(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,display,content-visibility,overlay,pointer-events;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function));transition-duration:var(--tw-duration,var(--default-transition-duration))}}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Regular.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:ABC Areal;src:url(/fonts/ABCAreal-Medium.ttf)format("truetype");font-weight:500 900;font-display:swap}@font-face{font-family:Faculty Glyphic;src:url(/fonts/FacultyGlyphic.ttf)format("truetype");font-weight:400;font-display:swap}@font-face{font-family:Pretendard;src:url(/fonts/Pretendard-Medium.otf)format("opentype");font-weight:500;font-display:swap}@property --paper{syntax:"<color>";inherits:true;initial-value:#fafaf9}@property --surface{syntax:"<color>";inherits:true;initial-value:#f0f0ee}@property --ink{syntax:"<color>";inherits:true;initial-value:#181818}@property --heading{syntax:"<color>";inherits:true;initial-value:#343434}@property --muted{syntax:"<color>";inherits:true;initial-value:#8e8585}@property --identity{syntax:"<color>";inherits:true;initial-value:#504b4b}@property --active{syntax:"<color>";inherits:true;initial-value:#333030}@property --hover{syntax:"<color>";inherits:true;initial-value:#dbdbd4}@property --line{syntax:"<color>";inherits:true;initial-value:#d7d3d3}@property --media{syntax:"<color>";inherits:true;initial-value:#181818}:root{--paper:#fafaf9;--surface:#f0f0ee;--ink:#181818;--heading:#343434;--muted:#8e8585;--identity:#504b4b;--active:#333030;--hover:#dbdbd4;--line:#d7d3d3;--media:#181818;--project-border:#242322;--theme-duration:.24s;--font-body:"ABC Areal", system-ui, sans-serif;--font-display:"Faculty Glyphic", system-ui, sans-serif;color-scheme:light;transition:--paper var(--theme-duration) ease-in-out,--surface var(--theme-duration) ease-in-out,--ink var(--theme-duration) ease-in-out,--heading var(--theme-duration) ease-in-out,--muted var(--theme-duration) ease-in-out,--identity var(--theme-duration) ease-in-out,--active var(--theme-duration) ease-in-out,--hover var(--theme-duration) ease-in-out,--line var(--theme-duration) ease-in-out,--media var(--theme-duration) ease-in-out}:root[data-theme=dark]{--paper:#181818;--surface:#282827;--ink:#dadad6;--heading:#bebebb;--muted:#a8a2a2;--identity:#d7d2d2;--active:#e7e7e2;--hover:#6a6565;--line:#464342;--media:#d5d5d3;--project-border:#d5d5d3;color-scheme:dark}:root.theme-snapshot{transition:none}::view-transition-old(root){animation-duration:.24s;animation-timing-function:ease-in-out}::view-transition-new(root){animation-duration:.24s;animation-timing-function:ease-in-out}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;overflow-x:clip}a{color:inherit;text-decoration:none}button,input{font:inherit;color:inherit}button{cursor:pointer}button,a{-webkit-tap-highlight-color:transparent}button:disabled{cursor:default}a:focus-visible,button:focus-visible,[tabindex="0"]:focus-visible{outline-offset:3px;outline:2px solid #a14c4c}h1,h2,h3,h4,h5,h6,p{margin:0}img{display:block}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.site{min-height:100dvh}.paper-page{overflow-wrap:anywhere;font-size:12px;line-height:16px}.page-content{min-width:0}.page-content:focus{outline:none}.home .page-content{width:444px;max-width:calc(100% - 40px);margin-inline:auto}.about .page-content{width:520px;max-width:calc(100% - 64px);margin-inline:auto}.case .page-content{--case-width:min(1144px, calc(100vw - 144px) );width:var(--case-width);margin-left:max(144px,50vw - 500px)}.not-found{max-width:520px;margin:auto;padding:160px 24px}.not-found h1{font-family:var(--font-display);margin-bottom:24px;font-weight:400}.not-found a{text-decoration:underline}.skip-link{z-index:100;background:var(--ink);color:var(--paper);border-radius:8px;padding:8px;position:fixed;top:8px;left:8px;transform:translateY(-150%)}.skip-link:focus{transform:none}.sidebar{z-index:10;max-height:calc(100dvh - 40px);font-size:12px;line-height:16px;position:fixed;top:20px;left:32px}.identity{color:var(--muted);flex-direction:column;gap:2px;display:flex}.identity-line{color:var(--identity);align-items:center;gap:2px;display:flex}.role-badge{background:var(--surface);border-radius:6px;padding:2px 4px;font-weight:400}.live-age{white-space:nowrap;font-variant-numeric:tabular-nums}.controls{flex-direction:column;align-items:flex-start;gap:12px;padding-top:44px;display:flex}.case .controls{padding-top:0}.control-group{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.contact-controls{gap:4px}.control-label{color:var(--muted)}.fluid-menu{border-radius:12px;flex-direction:column;gap:4px;display:flex;position:relative}.compact-menu{background:var(--surface);gap:0}.icon-button{z-index:3;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:36px;padding:8px 12px;display:flex;position:relative}.icon-button.selected{color:var(--paper)}.icon-art{flex-shrink:0;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:relative}.icon-art svg{flex:0 0 18px;width:18px;max-width:100%;height:18px;max-height:100%;display:block}.selected-pill{background:var(--active);pointer-events:none;z-index:1;position:absolute;top:0;left:0}.hover-pill{background:var(--hover);position:absolute;top:0;left:0}@supports (color:color-mix(in lab,red,red)){.hover-pill{background:color-mix(in srgb,var(--hover) 40%,transparent)}}.hover-pill{pointer-events:none;z-index:2;border-radius:12px}.menu-item-surface{background:var(--surface);pointer-events:none;z-index:0;border-radius:12px;position:absolute}.compact-menu [data-fluid-hover-index="0"],.compact-menu[data-fluid-hover-active-index="0"] .hover-pill{border-radius:12px 12px 2px 2px}.compact-menu [data-fluid-hover-index="1"],.compact-menu[data-fluid-hover-active-index="1"] .hover-pill{border-radius:2px 2px 12px 12px}.nav-label{background:var(--surface);color:var(--muted);white-space:nowrap;pointer-events:none;opacity:0;visibility:hidden;border-radius:6px;padding:2px 8px;font-family:Pretendard,sans-serif;font-size:12px;font-weight:500;line-height:16px;transition:opacity .2s,transform .25s cubic-bezier(.2,.8,.2,1),visibility .2s;position:absolute;top:50%;left:calc(100% + 6px);transform:translate(4px,-50%)}.icon-button:focus-visible{z-index:4}.icon-button:focus-visible .nav-label{opacity:1;visibility:visible;transform:translateY(-50%)}.burger-button{display:none}.mobile-menu-panel{overscroll-behavior:contain;border:1px solid var(--ink);width:calc(100% - 32px);max-width:360px;max-height:calc(100dvh - 32px);margin:0;position:fixed;inset:16px 16px auto auto;overflow-y:auto}@supports (color:color-mix(in lab,red,red)){.mobile-menu-panel{border:1px solid color-mix(in srgb,var(--ink) 8%,transparent)}}.mobile-menu-panel{background:var(--paper);color:var(--ink);border-radius:24px;padding:20px;box-shadow:0 12px 60px #0002}.mobile-menu-panel::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0005}.mobile-menu-heading{justify-content:space-between;align-items:center;margin-bottom:20px;display:flex}.mobile-menu-heading h2{font-family:var(--font-display);font-size:20px;font-weight:400;line-height:26px}.mobile-menu-close{background:var(--surface);border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.mobile-menu-panel .controls{gap:18px;padding-top:0}.mobile-menu-panel .control-group{width:100%}.mobile-menu-panel .control-group:first-child .control-label{display:none}.mobile-menu-panel .fluid-menu{gap:6px;width:100%}.mobile-menu-panel .separate-surfaces .menu-item-surface{background:0 0}.mobile-menu-panel .separate-surfaces .selected-pill{background:var(--surface)}.mobile-menu-panel .separate-surfaces .icon-button.selected{color:var(--ink)}.mobile-menu-panel .control-label{font-size:11px;line-height:16px}.mobile-menu-panel .row-menu{flex-direction:row;gap:0}.mobile-menu-panel .icon-button{justify-content:flex-start;gap:10px;width:100%;min-width:0;height:44px;padding:12px}.mobile-menu-panel .row-menu .icon-button{flex:1 1 0;gap:8px;width:50%;padding:10px}.menu-item-label{font-size:14px;line-height:20px}.row-menu [data-fluid-hover-index="0"],.row-menu[data-fluid-hover-active-index="0"] .hover-pill{border-radius:12px 2px 2px 12px}.row-menu [data-fluid-hover-index="1"],.row-menu[data-fluid-hover-active-index="1"] .hover-pill{border-radius:2px 12px 12px 2px}.home-layout{padding-block:20px;display:flex}.home-column{flex-direction:column;width:100%;padding-block:12px;display:flex}.home-projects{flex-direction:column;gap:12px;width:100%;display:flex}.home-heading{color:var(--muted);font-family:var(--font-display);font-size:14px;font-weight:400;line-height:18px}.home-cards{flex-direction:column;gap:20px;width:100%;display:flex}.project-card{background:0 0;border-radius:32px;flex-direction:column;gap:2px;width:100%;padding:6px;transition:background-color .22s;display:flex;position:relative}.project-cover{border-bottom:2px solid var(--project-border);aspect-ratio:432/446;background:0 0;border-radius:32px;flex-shrink:0;width:100%;position:relative;overflow:clip}.project-card:has(video) .project-cover{border-radius:0}.project-image{object-fit:cover;max-width:none;position:absolute}.project-copy{width:100%;font-family:var(--font-display);flex-direction:column;gap:6px;padding:6px 20px 12px;display:flex}.project-category{color:var(--muted);font-size:12px;line-height:16px}.project-title{color:var(--ink);font-size:18px;font-weight:400;line-height:22px}.case-layout{align-items:flex-start;gap:64px;width:948px;max-width:100%;margin-inline:auto;padding:20px 0 32px;display:flex}.back-rail{z-index:20;flex:0 0 48px;align-self:flex-start;padding-top:12px;position:sticky;top:20px}.back-button{background:var(--surface);width:48px;height:40px;color:var(--ink);border-radius:12px;justify-content:center;align-items:center;display:flex}.case-body{flex-direction:column;align-items:flex-start;gap:16px;width:835px;min-width:0;max-width:calc(100% - 112px);padding-block:12px;display:flex}.case-details{flex-direction:column;align-items:flex-start;gap:16px;width:100%;display:flex}.case-details>div{max-width:100%}.case-header{flex-direction:column;gap:12px;width:100%;padding:6px 20px;display:flex}.case-label{color:var(--muted);font-family:var(--font-display);font-size:14px;line-height:18px}.case-header h1{width:541px;max-width:100%;color:var(--ink);font-family:var(--font-display);font-size:24px;font-weight:400;line-height:1.1}.section-label{color:var(--muted);font-family:var(--font-display);margin:0;font-size:16px;font-weight:400;line-height:20px}.process-section{flex-direction:column;gap:12px;width:516px;max-width:100%;padding:0 20px 16px;display:flex}#description{scroll-margin-top:24px}.case-media-group{width:516px}.case-media{background:var(--media);aspect-ratio:516/533;border-radius:32px;width:100%;overflow:clip}.other-project-copy h3{color:var(--heading);font-family:var(--font-display);font-size:20px;font-weight:400;line-height:24px}.other-project-copy p{color:var(--muted);font-size:16px;line-height:20px}.process-timeline{width:402px;max-width:100%;position:relative}.process-list{flex-direction:column;gap:12px;margin:0;padding:0;list-style:none;display:flex;position:relative}.process-step{flex-direction:column;gap:12px;min-width:0;padding:16px 0 16px 24px;display:flex;position:relative}.process-title{color:var(--heading);font-family:var(--font-display);font-size:18px;font-weight:400;line-height:24px}.process-step p{color:var(--muted);font-size:16px;line-height:20px}.process-track{background:var(--line);pointer-events:none;width:1px;position:absolute;left:3.5px}.process-progress{background:var(--heading);transform-origin:top;border-radius:1px;position:absolute;inset:0}.process-dot,.process-hover-dot{pointer-events:none;width:6px;height:6px;box-shadow:0 0 0 3px var(--paper);border-radius:50%;position:absolute;left:1px}.process-dot{background:var(--muted)}.process-hover-dot{background:var(--heading);top:0}.other-projects-section{flex-direction:column;align-items:flex-start;gap:12px;width:100%;padding:32px 20px 16px 0;display:flex;position:relative}.project-rail{--rail-origin:354px;--rail-width:100vw;width:var(--rail-width);min-width:0;margin-left:calc(-1 * var(--rail-origin));-webkit-mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000);mask-image:linear-gradient(90deg,#0000,#000 48px calc(100% - 48px),#0000)}.other-projects-scroll{overscroll-behavior-x:contain;width:100%;padding:16px 48px 28px max(32px,var(--rail-origin));scrollbar-width:none;flex-direction:row;align-items:flex-start;gap:12px;scroll-padding-inline:48px;display:flex;overflow:auto hidden}.other-projects-scroll::-webkit-scrollbar{display:none}.other-projects-scroll:focus-visible{outline-offset:-3px}.other-project-card{isolation:isolate;flex-direction:column;flex:0 0 257px;gap:12px;width:257px;display:flex;position:relative}.other-project-card:before,.about-entry:before{content:"";background:var(--surface);opacity:0;z-index:-1;pointer-events:none;border-radius:26px;transition:opacity .16s;position:absolute;inset:-6px -6px -12px}.other-project-media{object-fit:cover;border-radius:20px;width:257px;height:255px}.other-project-copy{flex-direction:column;gap:12px;padding-inline:12px;display:flex}.other-project-copy p{width:211px;max-width:100%}.project-rail-controls{z-index:2;gap:6px;display:flex;position:absolute;top:28px;right:20px}.project-rail-controls button{background:var(--surface);width:32px;height:32px;color:var(--heading);border:0;border-radius:10px;justify-content:center;align-items:center;padding:0;font-size:18px;line-height:1;transition:opacity .2s;display:flex}.project-rail-controls button:disabled{opacity:.3}.about-layout{flex-direction:column;gap:12px;width:100%;padding:132px 32px 32px;display:flex}.about-intro{flex-direction:column;align-items:flex-start;gap:6px;display:flex}.profile-avatar{object-fit:cover;flex-shrink:0;display:block}.about-profile-avatar{width:157px;height:158px;margin-bottom:6px}:root[data-theme=dark] .profile-avatar{filter:invert()}.about-intro h1{color:var(--muted);font-family:var(--font-display);font-size:14px;font-weight:400;line-height:18px}.about-intro p{width:100%;padding:6px 0 12px;font-size:16px;line-height:20px}.about-timeline{width:100%}.about-timeline .process-step{gap:12px;padding:0 0 0 24px}.about-timeline .process-title{color:var(--muted);font-size:14px;line-height:18px}.about-entry-list{flex-direction:column;gap:6px;width:100%;padding:6px 0 12px;display:flex}.about-entry{isolation:isolate;align-items:center;gap:12px;min-width:0;min-height:79px;display:flex;position:relative}.about-entry:before{border-radius:22px;inset:-3px -6px}.about-entry-image{background:var(--media);border-radius:16px;flex:0 0 76px;width:76px;height:79px;position:relative;overflow:clip}.about-entry-image img{object-fit:cover;width:100%;height:100%}.about-entry-image.wide img{object-fit:fill;width:135px;max-width:none;height:89px;position:absolute;top:-5px;left:-30px}.about-entry-copy{flex-direction:column;justify-content:flex-end;align-items:flex-start;gap:6px;min-width:0;display:flex}.about-entry-title{font-size:16px;font-weight:500;line-height:20px}.about-entry-meta{color:var(--muted);font-family:var(--font-display);flex-wrap:wrap;align-items:center;gap:6px;font-size:12px;line-height:16px;display:flex}.about-tag{background:var(--surface);color:var(--identity);font-family:var(--font-body);border-radius:6px;padding:2px 6px}.notification-region{z-index:100;width:max-content;max-width:calc(100% - 40px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.notification{background:var(--surface);color:var(--ink);border-radius:12px;padding:12px 18px;font-size:14px;line-height:20px;box-shadow:0 6px 30px #0001}.notification input{border:1px solid var(--muted);background:var(--paper);width:100%;color:var(--ink);border-radius:6px;margin-top:8px;padding:8px;display:block}.notification-dismiss{background:var(--paper);border:0;border-radius:6px;margin-left:12px;padding:6px 10px}.progressive-blur{z-index:5;pointer-events:none;-webkit-user-select:none;user-select:none;height:88px;position:fixed;inset:auto 0 0}.progressive-blur-layer,.progressive-blur-tint{position:absolute;inset:0}.progressive-blur-tint{background:linear-gradient(to bottom,transparent,var(--paper))}@supports (color:color-mix(in lab,red,red)){.progressive-blur-tint{background:linear-gradient(to bottom,transparent,color-mix(in srgb,var(--paper) 35%,transparent))}}@media(min-width:721px)and (hover:hover)and (pointer:fine){.icon-button:hover{z-index:4}.icon-button:hover .nav-label{opacity:1;visibility:visible;transform:translateY(-50%)}.project-card:hover{background:0 0}.other-project-card:hover:before,.about-entry:hover:before{opacity:1}.back-button:hover{background:var(--surface)}@supports (color:color-mix(in lab,red,red)){.back-button:hover{background:color-mix(in srgb,var(--surface) 85%,var(--hover))}}.project-rail-controls button:not(:disabled):hover{background:var(--hover)}.process-step:hover>.process-title{color:var(--ink)}}@media(max-width:720px),(hover:none),(pointer:coarse){.hover-pill,.nav-label{display:none}}@media(min-width:721px)and (max-width:1100px){.sidebar{width:196px}.home .page-content{width:min(444px,100% - 264px);max-width:none;margin-left:calc(232px + max(0px,50% - 338px));margin-right:32px}.about .page-content{width:min(520px,100% - 264px);max-width:none;margin-left:calc(232px + max(0px,50% - 376px));margin-right:32px}.about-layout{padding-inline:16px}.case-layout{gap:32px;padding-right:20px}.case-body{max-width:calc(100% - 80px)}}@media(min-width:721px)and (max-height:620px){.sidebar{scrollbar-width:thin;padding-right:16px;overflow-y:auto}.controls{padding-top:20px}}@media(max-width:720px){.sidebar{min-height:44px;max-height:none;margin:24px 20px 0;padding-right:56px;position:relative;top:auto;left:auto}.identity-line{flex-wrap:wrap}.burger-button{z-index:40;background:var(--surface);border:0;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex;position:fixed;top:20px;right:20px;box-shadow:0 2px 12px #0001}.home .page-content,.about .page-content,.case .page-content{width:calc(100% - 40px);max-width:none;margin:12px 20px 48px}.home-layout{padding-block:12px}.home-column{padding-block:0}.case-layout{flex-direction:column;gap:12px;width:100%;padding:12px 0 32px}.back-rail{padding:0;position:fixed;top:20px;left:20px}.back-button{width:44px;height:44px;box-shadow:0 2px 12px #0001}.case-body{width:100%;max-width:none;padding-block:0}.case-header{width:100%;padding-inline:12px}.case-header h1{width:100%}.process-section{width:100%;padding-inline:12px}.process-timeline,.case-media-group{width:100%}.other-projects-section{padding-inline:12px}.project-rail{-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.other-projects-scroll{padding-inline:32px;scroll-padding-inline:32px}.project-rail-controls{right:12px}.about-layout{padding:24px 0 32px}.about-entry{align-items:flex-start}.about-entry-copy{padding-top:2px}.progressive-blur{height:58px}#description{scroll-margin-top:80px}}@media(prefers-reduced-motion:reduce){:root{--theme-duration:0s}html{scroll-behavior:auto}*,:before,:after{transition:none!important;animation:none!important}}@supports (corner-shape:superellipse(1.63)){.project-card,.project-cover,.fluid-menu,.icon-button,.selected-pill,.hover-pill,.menu-item-surface,.role-badge,.burger-button,.mobile-menu-panel,.mobile-menu-close,.back-button,.case-cover,.case-media,.other-project-card:before,.other-project-media,.about-entry:before,.about-entry-image,.about-tag,.notification{corner-shape:superellipse(1.63)}}.about-entry-trigger{z-index:2;background:0 0;border:0;border-radius:16px;padding:0;position:absolute;inset:0}.about-entry-image.drogie{background:linear-gradient(#ec433a,#ee753f);border-radius:20px;flex-basis:75px;width:75px;height:75px;box-shadow:inset 6px 2px 3px #0003}.about-entry-image.drogie img{object-fit:cover;width:145.333%;max-width:none;height:116%;position:absolute;top:-2.667%;left:0}.surface-layer{border:1px solid var(--line);background:var(--paper);width:100%;max-width:none;max-height:calc(100dvh - 32px);color:var(--ink);border-radius:36px 36px 0 0;margin:0;padding:0;position:fixed;inset:auto 0 0;overflow:hidden;box-shadow:0 -12px 64px #0001}.surface-scroll{overscroll-behavior:contain;height:100%;padding:32px 32px 72px;overflow:hidden auto}.surface-layer>.progressive-blur{height:64px;position:absolute}.surface-layer>.progressive-blur .progressive-blur-tint{background:linear-gradient(to bottom,transparent 0%,var(--paper) 50%,var(--paper) 100%)}@supports (color:color-mix(in lab,red,red)){.surface-layer>.progressive-blur .progressive-blur-tint{background:linear-gradient(to bottom,transparent 0%,color-mix(in srgb,var(--paper) 8%,transparent) 50%,color-mix(in srgb,var(--paper) 24%,transparent) 100%)}}.surface-scroll,.about-detail-media{scrollbar-width:none}.surface-scroll::-webkit-scrollbar{width:0;height:0;display:none}.about-detail-media::-webkit-scrollbar{width:0;height:0;display:none}.surface-layer::backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0004}.surface-close{z-index:6;background:0 0;border:0;border-radius:12px;justify-content:center;align-items:center;width:48px;height:40px;padding:0;transition:background-color .16s;display:flex;position:absolute;top:32px;right:32px}@media(hover:hover){.surface-close:hover{background:var(--surface)}}.about-detail-layer{height:min(829px,100dvh - 32px)}.about-detail-content{margin-top:52px}.about-detail-hero{align-items:flex-end;gap:32px;display:flex}.about-detail-heading{flex-direction:column;flex:1;gap:12px;min-width:0;display:flex}.about-detail-hero .about-entry-image{border-radius:28px;flex-basis:123px;width:123px;height:123px}.about-detail-hero h2{max-width:541px;font-family:var(--font-display);font-size:24px;font-weight:400;line-height:1.1}.about-detail-meta{flex-wrap:wrap;gap:12px 32px;display:flex}.about-detail-meta h3{font-size:16px;font-weight:500;line-height:20px}.about-detail-meta .about-entry-meta{font-size:14px;line-height:18px}.about-detail-media{overscroll-behavior-x:contain;gap:12px;margin-block:12px;padding:16px 24px;display:flex;overflow-x:auto;-webkit-mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000);mask-image:linear-gradient(90deg,#0000,#000 24px calc(100% - 24px),#0000)}.about-detail-image{background:var(--surface);border-radius:32px;flex:0 0 305px;height:305px}.about-detail-process{grid-template-columns:repeat(2,minmax(0,402px));gap:12px;display:grid}.about-detail-process section{min-width:0;padding-block:16px}.about-detail-process h3{font-family:var(--font-display);margin-bottom:12px;font-size:16px;font-weight:400;line-height:20px}.about-detail-process p{color:var(--muted);font-size:14px;line-height:18px}.cv-layer{height:min(820px,100dvh - 32px)}.cv-heading{min-height:40px;font-family:var(--font-body);color:var(--muted);align-items:center;padding-right:64px;font-size:14px;font-weight:400;line-height:18px;display:flex}.cv-links{flex-wrap:wrap;gap:6px;margin-top:20px;display:flex}.cv-link{background:var(--surface);color:var(--identity);border:0;border-radius:6px;align-items:center;gap:4px;padding:4px 12px;font-size:12px;line-height:16px;display:flex}.cv-link:disabled{opacity:.6}.cv-document{width:506px;max-width:100%;margin:12px auto 0;padding:0 12px;font-size:14px;line-height:20px}.cv-document .cv-links{margin-top:0;padding-block:12px}.cv-document header{align-items:flex-end;gap:2px;margin-bottom:6px;display:flex}.cv-profile-avatar{width:122px;height:123px}.cv-identity{flex-direction:column;gap:6px;min-width:0;display:flex}.cv-document h3{font-size:16px;font-weight:500;line-height:20px}.cv-document section{flex-direction:column;gap:6px;padding-block:6px;display:flex}.cv-document h4{background:var(--surface);color:var(--identity);border-radius:6px;align-self:flex-start;padding:2px 6px;font-size:14px;font-weight:400;line-height:20px}.cv-experience{flex-direction:column;gap:32px;display:flex}.cv-experience article{flex-direction:column;gap:6px;display:flex}.cv-experience h5{font-size:14px;font-weight:400;line-height:20px}.cv-document p{color:var(--heading);white-space:pre-line;font-size:12px;line-height:16px}.cv-document section>p{padding-inline:12px}.cv-experience p{padding-left:32px;padding-right:2px}.cv-experience-meta{color:#4c4d49;flex-wrap:wrap;align-items:flex-start;gap:6px;display:flex}.cv-experience-meta h5,.cv-experience-meta>span{border-radius:6px;padding:2px 6px;font-size:14px;line-height:20px}.cv-experience-meta.yellow h5,.cv-experience-meta.yellow>span{background:#fbf0c3}.cv-experience-meta.green h5,.cv-experience-meta.green>span{background:#def9d1}@media(max-width:720px){.surface-layer{border-radius:24px 24px 0 0;max-height:calc(100dvh - 16px)}.surface-scroll{padding:20px 20px 64px}.surface-close{top:20px;right:20px}.about-detail-layer,.cv-layer{height:calc(100dvh - 16px)}.about-detail-hero{flex-direction:column;align-items:flex-start;gap:16px}.about-detail-hero .about-entry-image{flex-basis:auto;width:96px;height:96px}.about-detail-hero h2{font-size:20px;line-height:24px}.about-detail-heading{width:100%}.about-detail-image{flex-basis:min(305px,80vw);height:min(305px,80vw)}.about-detail-process{grid-template-columns:1fr}.cv-document{padding-inline:0}}@supports (corner-shape:superellipse(1.63)){.surface-layer,.surface-close,.about-detail-image,.about-entry-trigger{corner-shape:superellipse(1.63)}}.surface-layer::backdrop{opacity:1;transition:opacity .5s cubic-bezier(.16,1,.3,1),-webkit-backdrop-filter .5s cubic-bezier(.16,1,.3,1),backdrop-filter .5s cubic-bezier(.16,1,.3,1)}.surface-layer[data-closing=true]::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur();transition-duration:.35s;transition-timing-function:cubic-bezier(.4,0,.2,1)}@starting-style{.surface-layer::backdrop{opacity:0;-webkit-backdrop-filter:blur();backdrop-filter:blur()}}@media(prefers-reduced-motion:reduce){.surface-layer::backdrop{transition:none}}@property --tw-rotate-x{syntax:"*";inherits:false}@property --tw-rotate-y{syntax:"*";inherits:false}@property --tw-rotate-z{syntax:"*";inherits:false}@property --tw-skew-x{syntax:"*";inherits:false}@property --tw-skew-y{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-outline-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}@property --tw-drop-shadow-color{syntax:"*";inherits:false}@property --tw-drop-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-drop-shadow-size{syntax:"*";inherits:false}