.house-preview-module__E6QAyq__card{position:relative}.house-preview-module__E6QAyq__viewport{aspect-ratio:1200/760;background:var(--paper);outline:1px solid var(--rule);outline-offset:-1px;position:relative}.house-preview-module__E6QAyq__card:has(.house-preview-module__E6QAyq__scene:modal) .house-preview-module__E6QAyq__poster{visibility:hidden}.house-preview-module__E6QAyq__poster{object-fit:cover;width:100%;height:100%;display:block}.house-preview-module__E6QAyq__scene{background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:0;position:absolute;inset:0;overflow:hidden}.house-preview-module__E6QAyq__scene:modal{background:0 0;width:100vw;height:100dvh;position:fixed;inset:0}.house-preview-module__E6QAyq__scene::backdrop{background:0 0}.house-preview-module__E6QAyq__sceneView{transform-origin:50%;width:100vw;height:100dvh;transform:translate(-50%, -50%) scale(var(--preview-scale,.35));position:absolute;top:50%;left:50%}.house-preview-module__E6QAyq__scene:modal .house-preview-module__E6QAyq__sceneView{transform:translate(-50%,-50%)}.house-preview-module__E6QAyq__frame{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light only;opacity:0;pointer-events:none;border:0;width:100%;height:100%;transition:opacity .24s ease-out;display:block}.house-preview-module__E6QAyq__frame[data-ready=true]{opacity:1}.house-preview-module__E6QAyq__scene:modal .house-preview-module__E6QAyq__frame{pointer-events:auto;transition:none}.house-preview-module__E6QAyq__entry{text-decoration:none;display:block}.house-preview-module__E6QAyq__entry:after{content:"";z-index:1;cursor:pointer;position:absolute;inset:0}.house-preview-module__E6QAyq__entry:focus-visible{outline:none}.house-preview-module__E6QAyq__card:has(.house-preview-module__E6QAyq__entry:focus-visible){outline:2px solid var(--ink);outline-offset:6px}.house-preview-module__E6QAyq__card h2{transition:opacity .15s}.house-preview-module__E6QAyq__card:hover h2{opacity:.65;text-decoration:none}.house-preview-module__E6QAyq__card:active .house-preview-module__E6QAyq__experiment-caption{transform:translateY(1px)}.house-preview-module__E6QAyq__close{right:max(24px, env(safe-area-inset-right));top:max(24px, env(safe-area-inset-top));z-index:10;min-height:44px;color:var(--ink);background:var(--soft);font:13px var(--font-aeonik,sans-serif);cursor:pointer;padding:0 16px;display:none;position:absolute}.house-preview-module__E6QAyq__scene:modal .house-preview-module__E6QAyq__close{opacity:0;pointer-events:none;transition:opacity .18s ease-out;display:block}.house-preview-module__E6QAyq__scene[data-settled=true] .house-preview-module__E6QAyq__close{opacity:1;pointer-events:auto}.house-preview-module__E6QAyq__close:hover{background:var(--steel)}.house-preview-module__E6QAyq__close:active{transform:scale(.96)}.house-preview-module__E6QAyq__close:focus-visible{outline:2px solid var(--ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.house-preview-module__E6QAyq__frame,.house-preview-module__E6QAyq__scene::backdrop,.house-preview-module__E6QAyq__close{transition:none}}@media (max-width:600px){.house-preview-module__E6QAyq__close{top:16px;right:16px}}.house-preview-module__E6QAyq__card:has(.house-preview-module__E6QAyq__frame[data-ready=true]) .house-preview-module__E6QAyq__poster{visibility:hidden}.house-preview-module__E6QAyq__status{color:var(--caption);font:11px/1.5 var(--mono);margin:0}.house-preview-module__E6QAyq__status:empty{display:none}
.interactive-footer-module__P5nySa__footer{background:var(--footer-surface);color:var(--footer-ink);overflow:hidden}.interactive-footer-module__P5nySa__bar{margin-inline:max(var(--gutter), calc((100% - 1800px) / 2 + var(--gutter)));border-bottom:1px solid var(--footer-rule);justify-content:space-between;align-items:center;gap:24px;padding-block:24px;display:flex}.interactive-footer-module__P5nySa__socials{flex-wrap:wrap;gap:4px 8px;display:flex}.interactive-footer-module__P5nySa__socials a,.interactive-footer-module__P5nySa__actions a{min-height:44px;color:var(--footer-caption);font:12px/1.4 var(--mono);justify-content:center;align-items:center;gap:9px;text-decoration:none;transition:color .15s,background-color .15s,transform .15s;display:inline-flex}.interactive-footer-module__P5nySa__actions{align-items:center;gap:12px;display:flex}.interactive-footer-module__P5nySa__socials a,.interactive-footer-module__P5nySa__actions a{width:44px}.interactive-footer-module__P5nySa__footer a:focus-visible{outline:2px solid var(--footer-ink);outline-offset:4px}@media (hover:hover){.interactive-footer-module__P5nySa__socials a:hover{color:var(--footer-ink)}.interactive-footer-module__P5nySa__actions a:hover{color:var(--footer-ink);background:var(--footer-hover)}}.interactive-footer-module__P5nySa__actions a:active{transform:scale(.96)}.interactive-footer-module__P5nySa__playfield{height:clamp(280px,32vw,460px);position:relative}.interactive-footer-module__P5nySa__canvas{touch-action:pan-y;cursor:default;width:100%;height:100%;display:block}.interactive-footer-module__P5nySa__canvas:focus-visible{outline:1px solid var(--footer-muted);outline-offset:-8px}.interactive-footer-module__P5nySa__fallback{pointer-events:none;flex-wrap:wrap;justify-content:center;gap:2px;max-height:130px;display:flex;position:absolute;inset:auto 0 0;overflow:hidden}.interactive-footer-module__P5nySa__fallback span{background:var(--footer-ball-5);height:58px;color:var(--footer-ball-ink);font:36px/1 var(--font-aeonik,sans-serif);border-radius:50%;flex:0 0 58px;place-items:center;display:grid}.interactive-footer-module__P5nySa__fallback span:before{content:"";background:var(--footer-ball-ink);width:70%;height:70%;-webkit-mask:url(/house/zudmatic.svg) 50%/contain no-repeat;mask:url(/house/zudmatic.svg) 50%/contain no-repeat}.interactive-footer-module__P5nySa__fallback img{display:none}.interactive-footer-module__P5nySa__fallback span:nth-child(3n){background:var(--footer-ball-4);transform:rotate(24deg)}.interactive-footer-module__P5nySa__base{padding:20px max(var(--gutter), calc((100% - 1800px) / 2 + var(--gutter)));border-top:1px solid var(--footer-rule);color:var(--footer-muted);font:10px/1.5 var(--mono);justify-content:space-between;align-items:center;gap:20px;display:flex}.interactive-footer-module__P5nySa__location{text-align:right}@media (max-width:600px){.interactive-footer-module__P5nySa__bar{align-items:flex-start;gap:16px;padding-block:16px}.interactive-footer-module__P5nySa__actions{gap:0}.interactive-footer-module__P5nySa__playfield{height:300px}}@media (prefers-reduced-motion:reduce){.interactive-footer-module__P5nySa__actions a:active{transform:none}.interactive-footer-module__P5nySa__canvas{cursor:default}}
.portfolio-context-positioner{z-index:100}.portfolio-context-menu{--morph-x:6px;--morph-y:6px;background:var(--cursor-surface);width:204px;color:var(--cursor-ink);clip-path:inset(0 round 12px);transition:clip-path var(--portfolio-motion-enter) var(--portfolio-motion-ease), opacity var(--portfolio-motion-fast) ease;border:0;border-radius:12px;outline:none;padding:6px;box-shadow:0 8px 32px #0000001f}.portfolio-context-menu[data-side=top]{--morph-y:calc(100% - 6px)}.portfolio-context-menu[data-align=end]{--morph-x:calc(100% - 6px)}.portfolio-context-menu:is([data-starting-style],[data-ending-style]){clip-path:inset(calc(var(--morph-y) - 6px) calc(100% - var(--morph-x) - 6px) calc(100% - var(--morph-y) - 6px) calc(var(--morph-x) - 6px) round 50%)}.portfolio-context-menu[data-ending-style]{opacity:0}.portfolio-context-items{opacity:1;transition:opacity var(--portfolio-motion-fast) ease, transform var(--portfolio-motion-enter) var(--portfolio-motion-ease);transform:translate(0)}.portfolio-context-menu:is([data-starting-style],[data-ending-style]) .portfolio-context-items{opacity:0;transform:translate(12px)}.portfolio-context-item{height:40px;font:14px/1 var(--font-aeonik), sans-serif;-webkit-user-select:none;user-select:none;border-radius:6px;outline:none;align-items:center;gap:12px;padding:0 10px;display:flex}.portfolio-context-item svg{stroke-width:1.5px;flex-shrink:0;width:17px;height:17px}.portfolio-context-item[data-highlighted]{background:color-mix(in srgb, currentColor 9%, transparent)}.portfolio-context-item:active{background:color-mix(in srgb, currentColor 14%, transparent)}.portfolio-context-separator{opacity:.15;background:currentColor;height:1px;margin:5px 10px}.portfolio-context-check{margin-left:auto;display:flex}.portfolio-design-grid{top:var(--folder-inset);bottom:var(--folder-inset);left:calc(var(--layout-offset) + max(0px, (100% - var(--layout-offset) - var(--folder-right) - 1800px) / 2) + var(--gutter));width:calc(min(1800px, 100% - var(--layout-offset) - var(--folder-right)) - var(--gutter) * 2);z-index:36;grid-template-columns:repeat(var(--layout-columns), minmax(0, 1fr));gap:var(--layout-gap);pointer-events:none;color:var(--ink);opacity:.12;visibility:hidden;transition:visibility 0s .29s;display:grid;position:fixed}.portfolio-design-grid[data-active=true]{visibility:visible;transition-delay:0s}.portfolio-design-grid span{background:0 0;transition:background-color .14s;position:relative}.portfolio-design-grid span:before,.portfolio-design-grid span:after{content:"";width:1px;transition:transform .21s cubic-bezier(.22,.68,.25,1);transition-delay:calc((11 - var(--column)) * 6ms);background:currentColor;position:absolute;top:0;bottom:0;transform:scaleY(0)}.portfolio-design-grid span:before{transform-origin:top;left:0}.portfolio-design-grid span:after{transform-origin:bottom;right:0}.portfolio-design-grid[data-active=true] span{background:color-mix(in srgb, currentColor 28%, transparent);transition-delay:.14s}.portfolio-design-grid[data-active=true] span:before,.portfolio-design-grid[data-active=true] span:after{transition-delay:calc(var(--column) * 6ms);transform:scaleY(1)}@media (prefers-reduced-motion:reduce){.portfolio-design-grid,.portfolio-design-grid span,.portfolio-design-grid span:before,.portfolio-design-grid span:after{transition-duration:0s!important;transition-delay:0s!important}}@media (max-width:600px){.portfolio-design-grid span:nth-child(n+5){display:none}}@media (prefers-reduced-motion:reduce){.portfolio-context-menu,.portfolio-context-items{transition:opacity .1s}.portfolio-context-menu:is([data-starting-style],[data-ending-style]){clip-path:inset(0 round 12px);opacity:0}.portfolio-context-menu:is([data-starting-style],[data-ending-style]) .portfolio-context-items{transform:none}}@media print{.portfolio-context-positioner,.portfolio-design-grid,.nav-cursor{display:none!important}}.portfolio-audio{right:calc(var(--folder-right) + 16px);bottom:calc(var(--folder-inset) + 16px);z-index:80;background:var(--soft);width:280px;max-width:calc(100vw - 88px);color:var(--ink);border:1px solid var(--rule);padding:6px;animation:.18s ease-out both portfolio-audio-enter;position:fixed}.portfolio-audio-controls{align-items:center;display:flex}.portfolio-audio button{width:40px;height:40px;color:var(--caption);background:0 0;border:0;border-radius:0;flex-shrink:0;place-items:center;transition:color .15s,background-color .15s;display:grid}.portfolio-audio button:hover{color:var(--ink);background:var(--paper)}.portfolio-audio button:focus-visible{outline:2px solid var(--ink);outline-offset:-2px}.portfolio-audio button svg{stroke-width:1.5px;width:18px;height:18px}.portfolio-audio-track{min-width:0;font:12px/1.35 var(--font-aeonik), sans-serif;flex:1;padding-inline:6px}.portfolio-audio-track span,.portfolio-audio-track small{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.portfolio-audio-track small{color:var(--caption);margin-top:2px;font-size:10px}.portfolio-audio p{padding:8px;font-size:12px}@keyframes portfolio-audio-enter{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.portfolio-audio{animation:none}}@media print{.portfolio-audio{display:none!important}}
@view-transition{navigation:auto}:root{--portfolio-motion-ease:cubic-bezier(.23, 1, .32, 1);--portfolio-motion-fast:.15s;--portfolio-motion-enter:.24s}.portfolio-route-surface{display:flow-root}.portfolio-header,.site-nav{view-transition-name:portfolio-header}::view-transition{pointer-events:none}::view-transition-group(portfolio-header){z-index:100;animation:none}::view-transition-old(portfolio-header){display:none}::view-transition-new(portfolio-header){animation:none}::view-transition-group(root){animation-duration:.16s}::view-transition-old(root){animation:80ms linear both portfolio-fade-out}::view-transition-new(root){animation:portfolio-fade-in .16s var(--portfolio-motion-ease) both}@keyframes portfolio-fade-out{0%{opacity:1}to{opacity:0}}@keyframes portfolio-fade-in{0%{opacity:0}to{opacity:1}}@media (prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:80ms!important;animation-delay:0s!important}::view-transition-old(*){animation-duration:80ms!important;animation-delay:0s!important}::view-transition-new(*){animation-duration:80ms!important;animation-delay:0s!important}}
:root{--navigation-width:220px;--navigation-inset:24px}.portfolio{--navigation-width:72px}.portfolio-header,.site-nav{z-index:30;inset:var(--navigation-inset) auto auto var(--navigation-inset);width:var(--navigation-width);height:auto;max-height:calc(100dvh - var(--navigation-inset) * 2);color:#141414;font-family:var(--font-aeonik,sans-serif);box-sizing:border-box;scrollbar-width:thin;background:#f2f3f4;border:1px solid #00000006;border-radius:0;flex-direction:column;justify-content:flex-start;align-items:stretch;gap:12px;padding:12px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 2px 8px #00000006}.nav-card-top,.nav-dialog-top{justify-content:space-between;align-items:center;min-height:44px;padding:0 8px;display:flex}.portfolio-header .nav-card-top,.portfolio-header .nav-dialog-top{padding-inline:0}.portfolio-header .nav-card-top{justify-content:center}.portfolio-brand,.site-nav .site-logo{border-radius:0;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;min-height:44px;margin:0;padding:0;display:inline-flex}.site-nav .site-logo{margin-left:8px}.site-nav .site-logo span{width:30px;height:30px}.portfolio-brand img{filter:brightness(0);width:30px;height:30px}.portfolio-nav,.site-nav .nav-links,.nav-dialog-links{flex-direction:column;align-items:stretch;gap:2px;width:100%;display:flex}.portfolio-nav a,.site-nav .nav-links a,.nav-dialog-links a{box-sizing:border-box;color:#373a3d;min-height:44px;font:16px/1.25 var(--font-aeonik,sans-serif);letter-spacing:-.02em;white-space:nowrap;background:0 0;border:0;border-radius:0;align-items:center;gap:12px;padding:10px 12px;text-decoration:none;transition:color .15s,background-color .15s,transform .16s cubic-bezier(.2,0,0,1);display:flex;position:relative}.portfolio-nav a svg,.site-nav .nav-links a svg,.nav-dialog-links a svg{color:#8a8d91;flex-shrink:0;width:20px;height:20px;transition:color .15s}.portfolio-header :is(.portfolio-nav,.nav-dialog-links) a{justify-content:center;gap:0;padding-inline:0}.portfolio-header :is(.portfolio-nav,.nav-dialog-links) a svg{color:#64676b}.portfolio-header>.portfolio-nav{flex:1}.portfolio-nav .nav-contact{flex-shrink:0;margin-top:auto}.nav-dialog-links .nav-contact{margin-top:14px}.portfolio-nav a:is([aria-current=page],[aria-current=location]),.site-nav .nav-links a:is([aria-current=page],[aria-current=location]),.nav-dialog-links a:is([aria-current=page],[aria-current=location]){color:#141414;background:#ffffffbf}.nav-active-indicator{z-index:0;background:var(--nav-active,#ffffffbf);pointer-events:none;position:absolute;inset:0}.portfolio-header :is(.portfolio-nav,.nav-dialog-links) a svg{z-index:1;position:relative}.portfolio-nav a[aria-current] svg,.site-nav .nav-links a[aria-current] svg,.nav-dialog-links a[aria-current] svg{color:#34383c}.nav-menu-toggle{display:none}.nav-dialog{inset:var(--navigation-inset) auto auto var(--navigation-inset);width:112px;max-width:calc(100vw - var(--navigation-inset) * 2);height:auto;max-height:calc(100dvh - var(--navigation-inset) * 2);color:#141414;font-family:var(--font-aeonik,sans-serif);box-sizing:border-box;background:#f2f3f4;border:1px solid #00000006;border-radius:0;margin:0;padding:6px;position:fixed;overflow-y:auto;box-shadow:0 8px 32px #00000014}.nav-dialog[open]{opacity:1;transition:opacity .18s ease-out,transform .2s cubic-bezier(.2,0,0,1);display:block;transform:none}@starting-style{.nav-dialog[open]{opacity:0;transform:translateY(-6px)}}.nav-dialog::backdrop{background:#0000001f}.nav-dialog-top{margin-bottom:12px}.nav-menu-toggle,.nav-menu-close{min-width:44px;min-height:44px;color:inherit;font:14px/1 var(--font-aeonik,sans-serif);cursor:pointer;background:0 0;border:0;border-radius:0;justify-content:center;align-items:center;gap:8px;padding:8px}.nav-menu-close{display:inline-flex}.nav-menu-toggle:focus-visible,.nav-menu-close:focus-visible,.portfolio-header a:focus-visible,.nav-dialog a:focus-visible,.site-nav a:focus-visible{outline-offset:2px;outline:2px solid}.site-nav .nav-tools{border-top:1px solid #00000012;gap:8px;margin-top:4px;padding:8px 8px 0;display:flex}@media (hover:hover) and (pointer:fine){.portfolio-nav a:hover,.site-nav .nav-links a:hover,.nav-dialog-links a:hover{color:#141414;background:#ffffff80}.portfolio-nav a:hover svg,.site-nav .nav-links a:hover svg,.nav-dialog-links a:hover svg{color:#34383c}.nav-menu-toggle:hover,.nav-menu-close:hover{background:#ffffff80}}.nav-menu-toggle:active,.nav-menu-close:active,.nav-dialog-links a:active{transform:scale(.96)}@media (min-width:1001px){.portfolio-header,.site-nav{height:calc(100dvh - var(--navigation-inset) * 2)}.site-nav .nav-tools{margin-top:auto}}@media (max-width:1000px){:root{--navigation-inset:16px}.portfolio{padding-top:88px}.portfolio-header{border-radius:0;gap:0;width:112px;padding:6px;overflow:visible}.nav-card-top{padding:0 4px}.portfolio-header>.portfolio-nav,.site-nav>.nav-links{display:none}.nav-menu-toggle{margin-left:auto;display:inline-flex}.site-nav{border-radius:0;flex-direction:row;align-items:center;gap:4px;width:auto;max-width:calc(100vw - 32px);padding:6px}.site-nav .site-logo{margin:0}.site-nav>.nav-tools{border-top:0;border-left:1px solid #00000012;margin:0;padding:0 0 0 4px}}@media (prefers-reduced-motion:reduce){.nav-active-indicator{transform:none!important}.nav-dialog[open]{transition:opacity .1s;transform:none}@starting-style{.nav-dialog[open]{opacity:0;transform:none}}.portfolio-nav a,.site-nav .nav-links a,.nav-dialog-links a{transition:color .15s,background-color .15s}.nav-menu-toggle:active,.nav-menu-close:active,.nav-dialog-links a:active{transform:none}}.nav-cursor{width:0;height:0;color:var(--cursor-ink,#141414);pointer-events:none;-webkit-user-select:none;user-select:none;opacity:0;transition:opacity var(--portfolio-motion-fast) ease;background:0 0;border:0;margin:0;padding:0;position:fixed;inset:0 auto auto 0;overflow:visible}.nav-cursor::backdrop{display:none}.nav-cursor[data-visible=true]{opacity:1}.nav-cursor-morph{transition:transform .2s var(--portfolio-motion-ease);position:absolute;top:0;left:0;transform:translate(0,0)}.nav-cursor-surface{background:var(--cursor-surface,#e7eaed);clip-path:inset(12px 74px round 18px);width:160px;height:36px;transition:clip-path .2s var(--portfolio-motion-ease);position:absolute;top:-18px;left:-80px}.nav-cursor-label{color:var(--cursor-ink,#141414);font:12px/1 var(--font-geist-mono), monospace;letter-spacing:-.02em;white-space:nowrap;opacity:0;transition:opacity .125s;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.nav-cursor[data-menu-pointer=true] .nav-cursor-surface{background:var(--cursor-ink,#141414)}.nav-cursor[data-keyboard=true] :is(.nav-cursor-morph,.nav-cursor-surface,.nav-cursor-label),.nav-cursor[data-reduced=true] :is(.nav-cursor-morph,.nav-cursor-surface,.nav-cursor-label){transition:none}@media (hover:hover) and (pointer:fine){.portfolio[data-cursor-ready],.portfolio[data-cursor-ready] *,.portfolio[data-cursor-ready] :before,.portfolio[data-cursor-ready] :after{cursor:none!important}}
:is(html:has(.portfolio),body:has(.portfolio)){overscroll-behavior-y:none}body:has(.portfolio){background:#000}.portfolio{--cursor-surface:#e7eaed;--cursor-ink:#141414;--footer-surface:#f2f3f4;--footer-ink:#141414;--footer-caption:#64676b;--footer-muted:#64676b;--footer-rule:#dedfe1;--footer-hover:#e7eaed;--footer-ball-1:#dfe2e4;--footer-ball-2:#c6c9cc;--footer-ball-3:#fff;--footer-ball-4:#a8adb2;--footer-ball-5:#d3d7db;--footer-ball-ink:#181818;--folder-inset:24px;--folder-right:44px;--folder-radius:10px;--navigation-inset:var(--folder-inset);--nav-active:var(--paper);--nav-hover:color-mix(in srgb, var(--paper) 65%, var(--soft));margin:var(--folder-inset) var(--folder-right) var(--folder-inset) var(--folder-inset);min-height:calc(100svh - var(--folder-inset) * 2);padding:0 0 0 calc(var(--navigation-width) + 24px);border-radius:var(--folder-radius) 0 var(--folder-radius) var(--folder-radius);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;transition:background-color .18s,color .18s}.portfolio:after{content:"";z-index:35;inset:var(--folder-inset) var(--folder-right) var(--folder-inset) var(--folder-inset);border-radius:var(--folder-radius) 0 var(--folder-radius) var(--folder-radius);pointer-events:none;position:fixed;box-shadow:0 0 0 48px #000}html[data-portfolio-theme=dark] .portfolio{--cursor-surface:#b1b1b1;--cursor-ink:#141414;--footer-surface:#141414;--footer-ink:var(--ink);--footer-caption:var(--caption);--footer-muted:#999;--footer-rule:var(--rule);--footer-hover:var(--soft);--footer-ball-1:#d6d6d4;--footer-ball-2:#ababab;--footer-ball-3:#f2f2f0;--footer-ball-4:#858585;--footer-ball-5:#bfbfbd;--footer-ball-ink:#141414;--paper:#141414;--ink:#f2f2f0;--soft:#1e1e1e;--steel:#363636;--caption:#b1b1b1;--rule:#363636;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-portfolio-theme=olive] .portfolio{--cursor-surface:var(--ink);--cursor-ink:var(--paper);--footer-surface:var(--soft);--footer-ink:var(--ink);--footer-caption:var(--caption);--footer-muted:var(--caption);--footer-rule:var(--rule);--footer-hover:var(--steel);--footer-ball-ink:var(--paper);--footer-ball-1:#b3efff;--footer-ball-2:#8bd8ec;--footer-ball-3:#d5f6ff;--footer-ball-4:#75b8cc;--footer-ball-5:#a2e2f3;--paper:#372f0d;--ink:#b3efff;--soft:#2c270f;--steel:color-mix(in srgb, var(--ink) 14%, var(--paper));--caption:#8ebdca;--rule:color-mix(in srgb, var(--ink) 26%, var(--paper));--accent:var(--ink);--accent-soft:#8bd8ec;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html[data-portfolio-theme=copper] .portfolio{--cursor-surface:var(--ink);--cursor-ink:var(--paper);--footer-surface:var(--soft);--footer-ink:var(--ink);--footer-caption:var(--caption);--footer-muted:var(--caption);--footer-rule:var(--rule);--footer-hover:var(--steel);--footer-ball-ink:var(--paper);--footer-ball-1:#f06425;--footer-ball-2:#ce783f;--footer-ball-3:#ffb079;--footer-ball-4:#b49b70;--footer-ball-5:#db9c62;--paper:#120f0c;--ink:#f06425;--soft:#1d1811;--steel:#342719;--caption:#b49b70;--rule:#684025;--accent:var(--ink);--accent-soft:#9e8150;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio .hero-composition h1>span{color:var(--accent-soft)}html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio .hero-symbol{--ink:var(--accent)}html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio{--nav-active:var(--accent)}html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio :is(.portfolio-nav,.nav-dialog-links) a[aria-current]{color:var(--paper)}html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio .photo-layout-controls button[aria-pressed=true],html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio .contact-submit,html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio .shader-compare button[aria-pressed=true],html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio .shader-export button:last-child{background:var(--accent);color:var(--paper)}html:is([data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio :is(.portfolio-nav,.nav-dialog-links) a[aria-current] svg{color:inherit}.portfolio .portfolio-header{inset:var(--folder-inset) auto var(--folder-inset) var(--folder-inset);height:calc(100dvh - var(--folder-inset) * 2);background:var(--soft);max-height:none;color:var(--ink);border-radius:var(--folder-radius) 0 0 var(--folder-radius);box-shadow:none;border:0;transition:background-color .18s,color .18s}.portfolio .nav-dialog{background:var(--soft);color:var(--ink);border-color:var(--rule)}.portfolio :is(.portfolio-nav,.nav-dialog-links) a{color:var(--caption)}.portfolio :is(.portfolio-nav,.nav-dialog-links) a svg{color:currentColor}.portfolio :is(.portfolio-nav,.nav-dialog-links) a[aria-current]{color:var(--ink);background:0 0}.portfolio .portfolio-brand{color:var(--ink);transition:color .18s}.portfolio .portfolio-brand svg{width:30px;height:30px}.portfolio .portfolio-skip{z-index:45}.folder-tabs{z-index:40;top:var(--folder-inset);width:calc(var(--folder-right) - 12px);flex-direction:column;gap:2px;display:flex;position:fixed;right:12px}.folder-tab{touch-action:manipulation;border:0;border-radius:0 4px 4px 0;place-items:center;width:100%;height:56px;padding:0;display:grid;position:relative}.folder-tab:after{content:"";position:absolute;inset:0 -6px}.folder-tab-light{color:#64676b;background:#fefefe}.folder-tab-dark{color:#b1b1b1;background:#141414}.folder-tab-olive{color:#b3efff;background:#372f0d}.folder-tab-copper{color:#f06425;background:#120f0c}.folder-tab[aria-pressed=true]:before{content:"";background:inherit;width:2px;position:absolute;inset:0 auto 0 -1px}.folder-tab[aria-pressed=true] svg{color:inherit;opacity:1}.folder-tab svg{opacity:.65;transition:opacity .15s ease, transform .15s var(--portfolio-motion-ease)}.portfolio .folder-tab:focus-visible{outline-offset:3px;outline:2px solid #929292}.folder-tab:active svg{transform:scale(.9)}@media (hover:hover) and (pointer:fine){.folder-tab:hover svg{opacity:1}.portfolio :is(.portfolio-nav,.nav-dialog-links) a:hover,.portfolio :is(.nav-menu-toggle,.nav-menu-close):hover{background:var(--nav-hover);color:var(--ink)}.portfolio :is(.portfolio-nav,.nav-dialog-links) a:hover svg{color:var(--ink)}}.portfolio .home-hero{min-height:min(736px,100svh - 136px)}.portfolio .shader-compare button[aria-pressed=true],.portfolio .shader-export button:last-child{color:var(--paper)}.portfolio .contact-submit:hover:not(:disabled),.portfolio .shader-export button:last-child:hover{background:var(--caption);color:var(--paper)}html:is([data-portfolio-theme=dark],[data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio :is(.contact-field-error,.contact-feedback.is-error){color:#ffaaa2}html:is([data-portfolio-theme=dark],[data-portfolio-theme=olive],[data-portfolio-theme=copper]) .portfolio .contact-field [aria-invalid=true]{border-color:#ffaaa2}@media (max-width:1000px){.portfolio{--folder-inset:16px;--folder-right:44px;padding:72px 0 0}.portfolio .portfolio-header{border-radius:var(--folder-radius) 0 0 0;width:112px;height:56px;bottom:auto}.portfolio .home-hero{min-height:520px;padding-top:48px}.portfolio .home-hero h1{font-size:clamp(60px,11.5vw,120px)}.portfolio .collection-layout{padding-top:48px}}@media (max-width:600px){.portfolio{--folder-inset:12px;--folder-radius:8px;--gutter:16px}.portfolio .home-hero{min-height:280px;padding-top:32px;padding-bottom:40px}.portfolio .home-hero h1{font-size:clamp(46px,17vw,94px)}.portfolio .hero-symbol{width:29%;bottom:-8px;right:0}.portfolio .collection-layout{padding-top:32px}.portfolio .photo-toolbar{flex-wrap:wrap}.portfolio .photo-layout-controls{margin-left:auto}.portfolio .blog-heading h2{font-size:36px}}@media (prefers-reduced-motion:reduce){.portfolio,.portfolio .portfolio-header,.portfolio .portfolio-brand,.folder-tab,.folder-tab svg{transition:none}.folder-tab:hover,.folder-tab:active{transform:none}}
.portfolio{--layout-columns:12;--layout-gap:20px;--layout-offset:calc(var(--folder-inset) + var(--navigation-width) + 24px)}.portfolio main{width:100%;max-width:1800px;margin-inline:auto}.hero-composition,.about-composition,.experiment-grid,.contact-form-grid{column-gap:var(--layout-gap)}.hero-composition{grid-template-columns:repeat(2,minmax(0,1fr))}.about-composition{grid-template-columns:repeat(12,minmax(0,1fr))}.about-composition>:first-child{grid-column:span 5}.about-composition>:last-child{grid-column:span 7}.work-masonry{--work-gap:var(--layout-gap)}.logo-collection{gap:var(--layout-gap)}.blog-entry{column-gap:var(--layout-gap);grid-template-columns:repeat(12,minmax(0,1fr));padding-inline:0}.blog-category{grid-column:span 2}.blog-entry :is(h2,h3){grid-column:span 8}.blog-status{text-align:right;grid-column:span 2}@media (min-width:901px){.collection-layout{gap:var(--layout-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.collection-intro{grid-column:span 3}.collection-layout>section{grid-column:span 9;min-width:0}}@media (min-width:901px) and (max-width:1300px){.collection-intro{grid-column:span 4}.collection-layout>section{grid-column:span 8}}@media (min-width:761px){.blog-post{max-width:none}.blog-post-header,.blog-post-composition{column-gap:var(--layout-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.blog-post-header>*,.blog-post-body{grid-column:5/span 8}.blog-post-header .blog-post-artwork{grid-column:1/span 4;margin:0;padding:0}}@media (min-width:1101px){.photo-workspace.has-shader-panel{column-gap:var(--layout-gap);grid-template-columns:repeat(12,minmax(0,1fr))}.photo-workspace.has-shader-panel>:first-child{grid-column:span 9}.photo-workspace.has-shader-panel>:last-child{grid-column:span 3}}@media (min-width:601px){.contact-form,.contact-socials{width:calc((100% - var(--layout-gap) * 11) / 12 * 8 + var(--layout-gap) * 7);max-width:none}}@media (max-width:1000px){.portfolio{--layout-offset:var(--folder-inset)}}@media (max-width:600px){.portfolio{--layout-columns:4;--layout-gap:16px}.about-composition{grid-template-columns:1fr}.about-composition>:first-child,.about-composition>:last-child{grid-column:1}.blog-entry{grid-template-columns:repeat(4,minmax(0,1fr))}.blog-category{grid-area:1/1/auto/span 2}.blog-status{grid-area:1/3/auto/span 2}.blog-entry :is(h2,h3){grid-column:1/-1}}