:root{--paper:#fff;--title:#252525;--description:#4c4c4c;--ink:#252525;--nav:#4c4c4c;--muted:#8b8b8b;--line:#dedede;color-scheme:light}html[data-theme=dark]{--paper:#1a1a1a;--title:#fff;--description:#cacaca;--ink:#ededed;--nav:#d3d3d3;--muted:#a9a9a9;--line:#444;color-scheme:dark}html{scroll-behavior:smooth}body{margin:0;background:var(--paper);color:var(--ink);font-family:Inter,Arial,sans-serif;transition:background-color .2s,color .2s}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible{outline:2px solid var(--ink);outline-offset:4px}button{font:inherit}.site-header{display:flex;justify-content:space-between;align-items:flex-start;padding:.662% .613% 0;color:var(--nav);font-size:clamp(11px,.81716vw,32px);font-weight:600;line-height:.94;position:absolute;inset:0 0 auto;z-index:2}.site-header nav{width:31.55%;display:flex;justify-content:space-between}.site-header nav button{padding:0}.site-header nav a:hover,.site-header nav button:hover{opacity:.6}.intro{height:14.8366vw;padding:6.7532vw .613% 0}.intro h1{font-size:1.14913vw;line-height:1;font-weight:600;width:32.5689vw;margin:0}.projects{padding:0 .7852% 2.7886% .6703%}.project{scroll-margin-top:16px;margin-bottom:1.18vw}.project:last-child{margin-bottom:0}.project-heading{height:1.5vw;display:flex;align-items:flex-start;justify-content:space-between;color:var(--muted);font-size:1.02145vw;line-height:.94;font-weight:600}.project-heading h2{font:inherit;margin:0}.project-open{display:flex;align-items:center;gap:.5vw;line-height:.94}.project-arrow{display:block;width:.37436vw;height:.74875vw;margin-right:.15vw;position:relative}.project-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:.48519vw}.art-tile{display:block;position:relative;width:100%;aspect-ratio:16/9;border:0;padding:0;overflow:hidden;text-align:left;background:#f2f2f2}.artwork{display:block;position:absolute;left:0;top:0;width:1920px;height:1080px;transform-origin:0 0;text-align:left;color:#000;pointer-events:none;contain:layout style}.art-tile:focus-visible{outline-offset:-3px;outline:3px solid #5d69ff;z-index:1}.brand{display:flex;align-items:center;gap:clamp(4px,.35vw,14px);white-space:nowrap}.identity{white-space:nowrap}.theme-toggle{display:grid;place-items:center;position:relative;width:24px;height:24px;margin:-6px 0;border:0;padding:0;background:transparent;color:inherit;flex:none}.theme-toggle::before{content:'';position:absolute;inset:-6px}.theme-dot{display:block;position:relative;width:clamp(8px,.41965vw,16.4336px);height:clamp(8px,.41965vw,16.4336px)}.theme-dot img{display:block;max-width:none;height:auto;transform-origin:0 0}dialog{border:0;padding:0;background:var(--paper);color:var(--ink);max-width:none;max-height:none}dialog::backdrop{background:#000b;backdrop-filter:blur(8px)}#viewer{width:100vw;height:100dvh;margin:0}#viewer[open]{display:flex;flex-direction:column}.viewer-toolbar,.viewer-bottom{display:flex;align-items:center;justify-content:space-between;padding:22px 28px;font-size:13px}.viewer-stage{flex:1;min-height:0;position:relative;margin:0 28px}.viewer-stage .artwork{top:50%;left:50%;transform-origin:0 0}.viewer-bottom{justify-content:center;gap:40px}.viewer-bottom button{min-width:44px;min-height:44px;font-size:23px}.text-dialog{width:min(620px,calc(100vw - 36px));padding:35px}.text-dialog>button{display:block;margin:0 0 60px auto;font-size:12px}.text-dialog h2{font-weight:600;font-size:32px;line-height:1.1;margin-bottom:32px}.text-dialog p{font-size:20px;line-height:1.4;margin:0 0 30px}.text-dialog a{font-size:14px;text-decoration:underline}.text-dialog .contact-placeholder{font-size:14px;color:var(--muted)}body.modal-open{overflow:hidden}
@media(max-width:700px){.site-header{padding:18px 14px;font-size:11px;gap:20px}.site-header nav{width:auto;gap:18px}.intro{height:260px;padding:112px 14px 0}.intro h1{font-size:21px;line-height:1.12;width:min(360px,92%)}.projects{padding:0 4px 70px}.project{margin-bottom:28px}.project-heading{font-size:12px;height:30px;line-height:1.1;align-items:flex-start}.project-open{white-space:nowrap;gap:7px;font-size:11px}.project-arrow{width:4px;height:8px}.project-grid{grid-template-columns:1fr;gap:3px}.project-heading h2{max-width:74%}.viewer-toolbar,.viewer-bottom{padding:18px}.viewer-stage{margin:0 10px}}
@media(max-width:400px){.site-header{gap:12px}.site-header nav{gap:12px;font-size:10px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}body{transition:none}}
/* Showcase geometry — Figma revision 2026-10-26 */
html{overflow-y:scroll;scrollbar-gutter:stable}
body{container-type:inline-size;--page-gutter:0.6128703cqw}
@media(min-width:701px){
.site-header{padding:0.6616997cqw var(--page-gutter) 0;font-size:0.6128703cqw}
.identity{letter-spacing:-0.0306435cqw}
.site-header nav{position:static;width:auto;min-width:0}
.site-header nav>*{position:absolute;top:0.6616997cqw}
.site-header nav>:nth-child(1){left:68.0294944cqw}
.site-header nav>:nth-child(2){left:82.2444842cqw}
.site-header nav>:nth-child(3){left:96.4594484cqw}
.theme-toggle{position:absolute;left:calc(4.6927171cqw - 12px);top:calc(0.9625970cqw - 12px);margin:0}
.theme-dot{width:0.4196527cqw;height:0.4196527cqw}
.intro{height:14.8365695cqw;min-height:0;padding:6.7532176cqw var(--page-gutter) 0}
.intro h1{width:32.5688581cqw;font-size:0.9193054cqw;line-height:1}
.projects{padding:0 0 0.6562819cqw}
.project-heading{font-size:0.8171604cqw}
.project-arrow{width:0.2584549cqw;height:0.5169259cqw}
.project-open{letter-spacing:-0.0408580cqw}
.project:nth-child(-n+2) h2{letter-spacing:-0.0408580cqw}
.project:nth-child(1){margin-left:var(--page-gutter);margin-right:var(--page-gutter);margin-bottom:1.9688233cqw}
.project:nth-child(1) .project-heading{height:1.4452177cqw}
.project:nth-child(1) .project-grid{column-gap:0.4851890cqw;row-gap:0.4341149cqw}
.project:nth-child(2){margin-left:var(--page-gutter);margin-right:var(--page-gutter);margin-bottom:2.1413676cqw}
.project:nth-child(2) .project-heading{height:1.4900184cqw}
.project:nth-child(2) .project-grid{column-gap:0.4851890cqw;row-gap:0.5617978cqw}
.project:nth-child(3){margin-left:var(--page-gutter);margin-right:var(--page-gutter);margin-bottom:2.1413676cqw}
.project:nth-child(3) .project-heading{height:1.5728990cqw}
.project:nth-child(3) .project-grid{column-gap:0.4851890cqw;row-gap:0.5617978cqw}
.project:nth-child(4){margin-left:var(--page-gutter);margin-right:var(--page-gutter);margin-bottom:1.3590827cqw}
.project:nth-child(4) .project-heading{height:1.4962903cqw}
.project:nth-child(4) .project-grid{column-gap:0.4851890cqw;row-gap:0.4851890cqw}
.project:nth-child(5){margin-left:var(--page-gutter);margin-right:var(--page-gutter);margin-bottom:1.4801306cqw}
.project:nth-child(5) .project-heading{height:1.4962903cqw}
.project:nth-child(5) .project-grid{column-gap:0.4851890cqw;row-gap:0.4851890cqw}
.project:nth-child(6){margin-left:var(--page-gutter);margin-right:var(--page-gutter);margin-bottom:0.0000000cqw}
.project:nth-child(6) .project-heading{height:1.4962903cqw}
.project:nth-child(6) .project-grid{column-gap:0.4851890cqw;row-gap:0.4851890cqw}
}