@font-face{font-family:Inter;src:url(/fonts/inter-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Inter;src:url(/fonts/inter-medium.woff2)format("woff2");font-weight:500;font-style:normal;font-display:swap}:root{--page:#fdfdfd;--primary-text:#232323;--secondary-text:#585858;--body-text:var(--secondary-text);--nav-text:var(--secondary-text);--stroke:#e1e1e1;--nav-surface:#f1f1f1;--nav-outline:0 0 0 .2px #00000040;--zin-shade:inset 0 1px 1px #ffffff1a, inset 0 -1px 1px #0000001a, inset 0 0 0 1px #0000001a;--port-shadow-def:0 .5px .5px #08011408, 0 1px 1px -.5px #08011408, 0 2px 2px -1px #08011408, 0 3px 3px -1.5px #08011408, 0 5px 5px -2.5px #09011408, 0 8px 8px -3px #09011408, inset 0 8px 24px -4px #ffffff29, inset 0 .5px .5px #ffffff29, inset 0 1px 2px -.5px #ffffff1f}*{box-sizing:border-box}.welcome-loader{z-index:500;background:var(--page);color:var(--primary-text);pointer-events:auto;justify-content:center;align-items:center;display:flex;position:fixed;inset:0;overflow:hidden}.welcome-loader-words{opacity:0;white-space:nowrap;font-size:4.5em;font-weight:500;line-height:1}@media (max-width:767px){.welcome-loader-words{font-size:2.75vw}}html{scrollbar-width:none;scroll-padding-top:32px}html::-webkit-scrollbar{display:none}body{background:var(--page);color:var(--body-text);letter-spacing:0;-webkit-font-smoothing:antialiased;margin:0;font-family:Inter,sans-serif;font-size:14px;font-weight:400;line-height:21px}h1,h2,h3,p,ul{margin:0;padding:0}h1,h2,h3{font-size:14px;font-weight:500;line-height:21px}h1,h3{color:var(--primary-text)}ul{list-style:none}a{color:inherit;text-decoration:none}button{font:inherit;cursor:pointer;border:0}a:focus-visible,button:focus-visible{outline-offset:4px;outline:2px solid #006fff}.secondary,h1 span{color:var(--secondary-text)}.page-column{max-width:620px;margin-inline:auto;padding-bottom:160px}.page-column,.navigation-dock{animation:.4s ease-out both page-appear}@keyframes page-appear{0%{opacity:0}to{opacity:1}}.section{padding-block:40px}.intro{padding:100px 12px 40px}.avatar{background:#fff;width:32px;height:32px;margin-bottom:16px;display:block;position:relative;overflow:hidden}.avatar-line{width:29.5733px;position:absolute;top:22.68px;left:50%;transform:translate(-50%)}.avatar-photo{object-fit:cover;width:55.36px;height:98.387px;position:absolute;top:-34.48px;left:calc(50% + .88px);transform:translate(-50%)}.identity{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;display:flex}.location{color:var(--secondary-text);white-space:nowrap;align-items:center;gap:8px;line-height:22px;display:flex}.intro h1{line-height:24px}.intro-copy{max-width:509px;font-size:14px;line-height:1.5}.intro-copy p+p{margin-top:12px}.section-heading{justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding-inline:12px;display:flex}.bracket-link{white-space:nowrap;align-items:center;gap:4px;line-height:22px;transition:color .2s ease-out,transform .2s ease-out;display:inline-flex}.bracket-link:active,a.nav-link:active{transform:scale(.98)}.entry-list{flex-direction:column;gap:8px;display:flex}.home-page .works .section-heading{margin-bottom:12px}.home-page .works{padding-bottom:40px}.home-showcase{border-radius:4px;margin:0 12px;overflow:hidden}.home-showcase img{aspect-ratio:596/400;width:100%;height:auto;display:block}.home-showcase-video{aspect-ratio:596/400;object-fit:cover;pointer-events:none;width:100%;display:block}.home-page .socials{border-top:1px solid var(--stroke)}.skill-list{color:var(--primary-text);gap:24px;padding:8px 12px 0;display:grid}.skill-list li{align-items:center;gap:12px;min-height:28px;font-size:14px;display:flex}.skill-icon{color:#404040;background:#f1f1f1;border-radius:7px;flex:none;place-items:center;width:28px;height:28px;display:grid}.skill-list li:nth-child(-n+2) .skill-icon{color:#fff;background:#333}.skill-icon img{width:auto;height:14px;display:block}.approach-list{gap:8px;margin-inline:12px;display:grid}#approach-heading{color:var(--primary-text)}.approach .case-accordion{line-height:21px}.approach .case-accordion summary span{color:var(--primary-text)}.approach .case-accordion::details-content{opacity:0;block-size:0;transition:block-size .22s ease-out, opacity .18s ease-out, content-visibility .22s allow-discrete;overflow:hidden}.approach .case-accordion[open]::details-content{opacity:1;block-size:auto}.approach-list{interpolate-size:allow-keywords}.approach-copy{border-left:1px solid var(--stroke);white-space:pre-line;margin:24px 12px;padding-left:10px}.approach-copy p+p{margin-top:24px}.about-page .socials{padding-top:40px}.entry{justify-content:space-between;align-items:flex-end;gap:16px;padding:12px;display:flex}.entry,.bracket-link,.nav-link:not(.selected){isolation:isolate;position:relative}.entry:before,.bracket-link:before,a.nav-link:not(.selected):before{content:"";z-index:-1;pointer-events:none;opacity:0;background:#12121205;border-radius:4px;transition:opacity .2s ease-out,transform .2s ease-out;position:absolute;inset:0;transform:scale(.98)}.bracket-link:before{inset:-4px -6px}.entry:focus-visible:before,.bracket-link:focus-visible:before,a.nav-link:focus-visible:before{opacity:1;transform:scale(1)}@media (hover:hover){.entry:hover:before,.bracket-link:hover:before,a.nav-link:hover:before{opacity:1;transform:scale(1)}.bracket-link:hover{color:var(--primary-text)}}.tags,.dates{flex-shrink:0;align-items:center;gap:12px;display:flex}.socials{flex-direction:column;gap:24px;padding-inline:12px;display:flex}.contact-row{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:24px;display:flex}.social-links{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.social-link,.contact-link{white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;min-height:32px;padding:4px 12px;font-size:14px;line-height:22px;transition:background-color .2s ease-out,border-color .2s ease-out,color .2s ease-out,transform .2s ease-out;display:inline-flex}.social-link{border:1px solid var(--stroke)}.social-link:first-child{aspect-ratio:1;width:32px;height:32px;padding:0}.contact-link{color:var(--primary-text);background:#efefef}.social-link:active,.contact-link:active{transform:scale(.98)}@media (hover:hover){.social-link:hover{color:var(--primary-text);background:#f1f1f1;border-color:#c7c7c7}.contact-link:hover{background:#dedede}}.navigation-dock{bottom:max(20px, env(safe-area-inset-bottom));z-index:10;max-width:calc(100% - 24px);position:fixed;left:50%;transform:translate(-50%)}.navigation-surface{background:var(--nav-surface);border-radius:999px;align-items:center;gap:4px;padding:4px;display:flex}.navigation-links{display:contents}.nav-link{height:36px;color:var(--nav-text);white-space:nowrap;border-radius:999px;justify-content:center;align-items:center;padding:6px 12px;font-size:14px;line-height:22px;transition:transform .2s ease-out;display:flex}.nav-link[aria-current=page]{color:var(--primary-text);background:#2323230f;font-weight:500}a.nav-link:not(.selected):before{border-radius:999px}.booking-button{color:#fff;white-space:nowrap;background:#f1f1f1;border-radius:40px;flex:none;width:105px;height:36px;padding:2px;font-size:14px;line-height:22px;transition:filter .2s ease-out,transform .2s ease-out;display:flex;box-shadow:0 0 6px #00000014,0 0 0 .2px #0000002e}.booking-button span{background:linear-gradient(#292929,#323232);border-radius:38px;justify-content:center;align-items:center;width:100%;height:100%;padding-inline:12px;font-weight:500;display:flex;box-shadow:0 1px 2px #00000024,inset 0 1px #ffffff14}.booking-button:hover{filter:brightness(1.14)}.booking-button:active:not(:disabled){box-shadow:inset 0 0 4px #00000040, var(--port-shadow-def)}.booking-button:disabled{cursor:default}.skip-link{z-index:20;background:#fff;padding:8px 12px;position:fixed;top:8px;left:8px;transform:translateY(-200%)}.skip-link:focus{transform:none}.work-intro{padding-bottom:40px}.work-intro .identity{margin-bottom:0}.work-intro h1{line-height:22px}.work-page .location,.project-heading{color:var(--secondary-text)}.project article{border:1px solid var(--stroke);border-radius:4px;margin-inline:12px}.project-heading{border-bottom:1px solid var(--stroke);padding:12px 16px}.project-image{padding:4px}.project .project-cover{aspect-ratio:626/400}.project-heading>div{overflow-wrap:anywhere;min-width:0}.project-heading:before{content:none}.project-heading h2{color:var(--primary-text);font-size:14px;font-weight:500}.project-heading .tags{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;max-width:50%;font-size:14px;line-height:22px}.project-heading .tags li{overflow-wrap:anywhere;min-width:0}.project-cover{aspect-ratio:636/400;background:#f1f1f1;border-radius:4px;position:relative;overflow:hidden}.project-cover:after{content:"";border:1px solid var(--stroke);border-radius:inherit;pointer-events:none;position:absolute;inset:0}.project-cover img{object-fit:cover;width:100%;height:100%;display:block}.project .project-cover img{transition:transform .55s cubic-bezier(.2,.7,.2,1)}@media (hover:hover){.project .project-cover:hover img{transform:scale(1.035)}}.artwork-kreate img{width:93.396%;max-width:none;height:221.313%;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)rotate(-90deg)}.artwork-tred img{width:131.604%;max-width:none;height:148.25%;position:absolute;bottom:-.25%;left:50%;transform:translate(-50%)}@media (hover:hover){.project .artwork-kreate:hover img{transform:translate(-50%,-50%)rotate(-90deg)scale(1.035)}.project .artwork-tred:hover img{transform:translate(-50%)scale(1.035)}}.work-empty{padding-inline:12px}.work-status{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.work-status button{color:inherit;background:0 0;padding:0}.studio-shell{position:fixed;inset:0;overflow:auto}.sr-only{clip-path:inset(50%);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.project-link{border-radius:4px;display:block}.case-page:before,.work-page:before,.about-page:before,.gallery-page:before{content:"";z-index:8;pointer-events:none;background:linear-gradient(#fdfdfd,#fdfdfd00);height:120px;position:fixed;inset:0 0 auto}.sticky-header-spacer{height:100px}.sticky-header-sentinel{height:1px;display:block}.sticky-header{z-index:9;height:72px;margin-inline:12px;position:sticky;top:0}.sticky-header .avatar,.sticky-header-title{transition:top .4s cubic-bezier(.22,1,.36,1),left .4s cubic-bezier(.22,1,.36,1);position:absolute}.sticky-header .avatar{margin:0;top:0;left:0}.sticky-header-title{align-items:baseline;gap:8px;min-width:0;display:flex;top:48px;left:0;right:0}.sticky-header.is-compact .avatar{top:20px}.sticky-header.is-compact .sticky-header-title{top:25px;left:48px}.breadcrumb{min-width:0;max-width:100%}.breadcrumb ol{align-items:baseline;gap:8px;min-width:0;margin:0;padding:0;list-style:none;display:flex}.breadcrumb li{flex:none}.breadcrumb li:last-child{flex:0 auto;min-width:0}.breadcrumb h1{text-overflow:ellipsis;white-space:nowrap;color:var(--primary-text);font-size:14px;font-weight:500;line-height:21px;overflow:hidden}.breadcrumb a,.breadcrumb-separator{color:var(--secondary-text)}.breadcrumb a:hover{color:var(--primary-text)}.sticky-header-title .breadcrumb{width:100%}.work-page .sticky-header-title h1,.about-page .sticky-header-title h1{font-weight:500}.work-intro-gap{height:37px}.about-intro{margin:0 12px;padding:24px 0 40px}.case-intro{padding-top:0;padding-bottom:80px}.case-breadcrumb{align-items:baseline;gap:8px;margin-bottom:8px;font-size:14px;display:flex}.case-breadcrumb a,.case-breadcrumb>span{color:var(--secondary-text)}.case-breadcrumb h1{overflow-wrap:anywhere;font-size:14px;font-weight:400}.case-breadcrumb a:hover{color:var(--primary-text)}.case-subtitle{justify-content:space-between;align-items:baseline;gap:16px;display:flex}.case-subtitle p{overflow-wrap:anywhere;min-width:0}.case-subtitle .tags{overflow-wrap:anywhere;flex-wrap:wrap;flex-shrink:1;justify-content:flex-end;min-width:0;max-width:100%;font-size:14px}.case-lead,.case-section,.case-related{padding-inline:12px}.case-lead{gap:48px;display:grid}.case-image{min-width:0;margin:0}.case-image-frame{border-radius:4px;overflow:hidden}.case-image img{border-radius:4px;width:100%;height:auto;display:block}.case-video video{background:#121212;border-radius:4px;width:100%;height:auto;display:block}.cover-video{object-fit:contain;width:100%;display:block}.case-video video,.cover-video{pointer-events:none}.video-transcript{margin-top:12px;font-size:14px}.video-transcript summary{cursor:pointer}.video-transcript p{margin-top:12px}.case-image figcaption{color:var(--secondary-text);margin-top:8px;font-size:14px}.case-section-heading{justify-content:space-between;align-items:baseline;gap:24px;margin-bottom:16px;display:flex}.case-section-heading h2,.case-related>h2{overflow-wrap:anywhere;font-size:14px;font-weight:400;line-height:24px}.case-number{overflow-wrap:anywhere;max-width:25%;color:var(--secondary-text);font-variant-numeric:tabular-nums;flex-shrink:0;font-size:14px}.case-blocks{flex-direction:column;gap:12px;display:flex}.case-copy{white-space:pre-line;overflow-wrap:anywhere}.case-copy p+p{margin-top:24px}.case-gallery{gap:8px;display:grid}.case-gallery-pair{grid-template-columns:repeat(2,minmax(0,1fr))}.case-copy+.case-gallery{margin-top:32px}.case-table-wrap{border:1px solid var(--stroke);border-radius:4px;overflow:auto}.case-table{border-collapse:collapse;text-align:left;width:100%;font-size:14px;line-height:22px}.case-table th,.case-table td{overflow-wrap:anywhere;vertical-align:top;padding:10px 12px;font-weight:400}.case-table tr+tr,.case-table thead+tbody{border-top:1px solid var(--stroke)}.case-table th+th,.case-table td+td{border-left:1px solid var(--stroke)}.case-table thead{background:#12121205}.case-table-wide{min-width:520px}.case-metadata th{color:var(--secondary-text);width:30%}.case-metadata td{text-align:right}.case-accordion{border:1px solid var(--stroke);border-radius:4px;font-size:14px;line-height:24px}.case-accordion summary{cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px;list-style:none;transition:background-color .2s ease-out;display:flex}.case-accordion summary::-webkit-details-marker{display:none}.case-accordion summary span{overflow-wrap:anywhere;min-width:0}.case-accordion summary svg{flex-shrink:0;transition:transform .2s ease-out}.case-accordion[open] summary svg{transform:rotate(180deg)}.case-accordion[open] summary{border-bottom:1px solid var(--stroke)}.case-accordion li{border-left:1px solid var(--stroke);white-space:pre-line;overflow-wrap:anywhere;margin:20px 12px;padding-left:10px}.case-accordion summary:focus-visible,.case-table-wrap:focus-visible{outline-offset:4px;outline:2px solid #006fff}@media (hover:hover){.case-accordion summary:hover{background:#12121205}}.case-related>h2{margin-bottom:12px}.case-related>ul{gap:24px;display:grid}.case-related .project article{margin-inline:0}.case-related .tags{flex-wrap:wrap;flex-shrink:1;justify-content:flex-end}.gallery-page{flex-direction:column;height:100svh;display:flex;overflow:clip}.gallery-page:has(.gallery-scroll-vertical){height:auto;min-height:100svh;padding-bottom:120px;overflow:visible}.gallery-intro.sticky-header{flex:none;width:calc(100% - 32px);max-width:596px;margin-inline:auto;padding:0}.gallery-page>.sticky-header-spacer,.gallery-page>.sticky-header-sentinel{flex:none}.gallery-header-gap{flex:none;height:24px}.gallery-intro .breadcrumb{flex:1;width:auto}.gallery-intro-row{justify-content:space-between;align-items:center;gap:24px;height:24px;display:flex}.gallery-intro h1{font-size:14px;line-height:24px}.gallery-modes{background:#f1f1f1;border-radius:8px;flex:none;gap:2px;height:24px;padding:2px;display:inline-flex}.gallery-modes button{min-height:20px;color:var(--secondary-text);white-space:nowrap;background:0 0;border-radius:6px;justify-content:center;align-items:center;gap:6px;padding:0 10px 0 6px;font-size:14px;line-height:20px;transition:background-color .2s ease-out,color .2s ease-out;display:inline-flex}.gallery-modes button[aria-pressed=true]{color:var(--primary-text);background:#fff}.gallery-modes button:hover{color:var(--primary-text)}.gallery-scroll-horizontal{flex:1;min-height:0}.gallery-stage{overflow:hidden}.gallery-scroll-horizontal .gallery-stage,.gallery-scroll-horizontal .gallery-track{width:100%;height:100%;position:relative}.gallery-scroll-horizontal .gallery-stage{-webkit-mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000);mask-image:linear-gradient(90deg,#0000,#000 8% 92%,#0000)}.gallery-scroll-horizontal .gallery-stage:focus-visible{outline-offset:-4px;outline:2px solid #006fff}.gallery-tile{border:1px solid var(--stroke);background:#e9e9e9;border-radius:4px}.gallery-scroll-horizontal .gallery-tile{transition:opacity .25s ease-out;position:absolute;top:50%;left:50%}.gallery-scroll-horizontal .gallery-tile:not([aria-current=true]){cursor:pointer}.gallery-scroll-horizontal .gallery-tile{aspect-ratio:1.76;background:#ededed;width:min(596px,100vw - 32px);height:auto}.gallery-tile img,.gallery-tile video{object-fit:contain;width:100%;height:100%;display:block}.gallery-scroll-vertical{width:calc(100% - 32px);max-width:596px;margin-inline:auto}.gallery-scroll-vertical .gallery-track{flex-direction:column;align-items:center;gap:12px;padding:0;display:flex}.gallery-scroll-vertical .gallery-tile{aspect-ratio:1.76;background:#ededed;width:100%;height:auto}@media (max-width:809px){.page-column{max-width:620px;margin-inline:auto;padding-inline:16px}.intro,.section-heading,.works .entry,.experience .entry,.socials,.skill-list,.case-lead,.case-section,.case-related{padding-inline:0}.home-showcase,.approach-list,.project article{margin-inline:0}.sticky-header-spacer{height:32px}.sticky-header{height:80px;margin-inline:0}.sticky-header-title{top:56px}.sticky-header.is-compact .sticky-header-title{left:56px}.work-intro-gap{height:40px}.about-intro{margin-inline:0;padding-bottom:60px}.intro{padding-top:32px;padding-bottom:60px}.work-intro,.case-intro{padding-bottom:40px}.case-intro{padding-top:0}.case-subtitle{flex-wrap:wrap;gap:8px}.case-subtitle .tags{justify-content:flex-start}.avatar{width:40px;height:40px;margin-bottom:16px}.avatar-photo{width:69.2px;height:122.984px;top:-43.1px;left:calc(50% + 1.1px)}.avatar-line{top:28.35px}.identity{gap:8px}.location{gap:8px;font-size:14px}.intro-copy{min-height:0}.entry{gap:12px}.entry>div{min-width:0}.entry>div>p{overflow-wrap:anywhere}.entry .secondary,.social-links{font-size:14px}.tags{align-self:flex-end}.dates{text-align:right;white-space:nowrap}.contact-row,.social-links{flex-flow:column;align-items:flex-start;gap:12px}.navigation-dock{width:calc(100% - 32px);max-width:none}.navigation-surface{width:100%;height:48px;padding:2px}.navigation-links{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);border-radius:12px;flex:1;align-items:center;gap:6px;min-width:0;height:100%;padding:2px;display:flex}.navigation-links .nav-link{border-radius:999px;flex:1;min-width:0;height:100%;padding-inline:12px}.booking-button{width:113px;height:44px}.booking-button span{padding-inline:16px}}@media (max-width:480px){.project-heading{flex-direction:column;align-items:flex-start;gap:8px}.project-heading .tags{justify-content:flex-start;align-self:flex-start;max-width:100%}.gallery-intro-row{flex-direction:column;align-items:flex-start;gap:16px;height:auto}.gallery-intro.sticky-header{height:120px}}@media (max-width:374px){.navigation-links{gap:2px}.navigation-links .nav-link{padding-inline:2px}.identity{flex-direction:column;align-items:flex-start;gap:4px}.experience .entry{flex-wrap:wrap;gap:0 12px}.experience .dates{width:100%}}@media (prefers-reduced-motion:reduce){.page-column,.navigation-dock{animation:none}.entry:before,.bracket-link:before,a.nav-link:not(.selected):before,.bracket-link,.nav-link{transition:none;transform:none}.bracket-link:active,a.nav-link:active{transform:none}.case-accordion summary,.case-accordion summary svg,.social-link,.contact-link,.booking-button{transition:none}.approach .case-accordion::details-content{transition:none}.social-link:active,.contact-link:active{transform:none}.project .project-cover img{transition:none}.project .project-cover:hover img{transform:none}.project .artwork-kreate:hover img{transform:translate(-50%,-50%)rotate(-90deg)}.project .artwork-tred:hover img{transform:translate(-50%)}.sticky-header .avatar,.sticky-header-title,.gallery-modes button{transition:none}}
