:root{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--bg:#fff;--fg:#000;--font:Arial, "Helvetica Neue", Helvetica, sans-serif;--u:clamp(.867px, calc(100vw / 1707), 1.6px);--text:calc(15 * var(--u));--line:calc(17 * var(--u));--grid-margin:calc(20 * var(--u));--grid-gutter:calc(20 * var(--u));--col-w:calc((100vw - 2 * var(--grid-margin) - 13 * var(--grid-gutter)) / 14);--col-2:calc(var(--grid-margin) + var(--col-w) + var(--grid-gutter));--col-11:calc(var(--grid-margin) + 10 * (var(--col-w) + var(--grid-gutter)));--edge:calc(20 * var(--u));--header-top:calc(20 * var(--u));--text-x:max(var(--col-2), calc(135 * var(--u)));--list-top:calc(37 * var(--u));--info-top:calc(54 * var(--u));--info-width:max(calc(3 * var(--col-w) + 2 * var(--grid-gutter)), calc(300 * var(--u)));--info-bottom-space:calc(20 * var(--u));--thumb-w:calc(214 * var(--u));--thumb-h:calc(285 * var(--u));--thumb-gap:calc(4 * var(--u));--img-top:7.85vh;--img-bottom:var(--img-top);--img-side:18.2vw;--gallery-space:4.89vw;--strip-gap:15%;--safe-top:env(safe-area-inset-top,0px);--safe-bottom:env(safe-area-inset-bottom,0px)}@media (max-width:900px),(max-height:520px){:root{--u:1px;--edge:15px;--header-top:14px;--text-x:15px;--list-top:111px;--info-top:112px;--info-width:calc(100% - 30px);--info-bottom-space:80px}}@media ((max-width:900px) or (max-height:520px)) and (orientation:landscape){:root{--list-top:80px;--info-top:80px;--info-width:min(520px, calc(100% - 30px))}}@media (orientation:portrait){:root{--img-top:calc(86 * var(--u));--img-bottom:var(--img-top);--img-side:var(--edge);--gallery-space:21.4vw}}*,:before,:after{box-sizing:border-box}html{padding-top:var(--safe-top);padding-bottom:var(--safe-bottom);scroll-padding-top:var(--safe-top)}html,body{overscroll-behavior:none;height:100%;margin:0;overflow:hidden}body{background:var(--bg);color:var(--fg);font:var(--text) / var(--line) var(--font);-webkit-font-smoothing:antialiased}p{margin:0}button{all:unset;cursor:default}a{color:inherit;cursor:default;text-decoration:none}.underline{text-underline-offset:2px;text-decoration:underline}.paren.on:before,.paren.current:before{content:"("}.paren.on:after,.paren.current:after{content:")"}@media (hover:hover){.paren:hover:before{content:"("}.paren:hover:after{content:")"}}.title-short,.cats-short{display:none}@media (max-width:1439px){.cats-full{display:none}.cats-short{display:inline}}@media (max-width:900px),(max-height:520px){.title-full{display:none}.title-short{display:inline}.cats-full{display:none}.cats-short{display:inline}}.media{position:absolute;inset:0}.media img,.media video{-webkit-user-select:none;user-select:none;width:100%;height:100%;display:block}.fit-contain img,.fit-contain video{object-fit:contain}.fit-cover img,.fit-cover video{object-fit:cover}.media.is-preload{visibility:hidden}#nav{left:var(--edge);top:calc(var(--header-top) + var(--safe-top));z-index:5;position:fixed}#nav button{height:var(--line);display:block}.text-col{left:var(--text-x);top:calc(var(--header-top) + var(--safe-top));z-index:4;position:fixed}#title{white-space:nowrap}#meta{left:var(--col-11);top:calc(var(--header-top) + var(--safe-top));z-index:4;position:fixed}#contact{right:var(--edge);top:calc(var(--header-top) + var(--safe-top));z-index:5;position:fixed}#contact .underline{display:inline-block}#contact .underline:first-letter{text-transform:uppercase}body[data-view=gallery] :is(#nav,#title,#meta,#contact){color:#fff;mix-blend-mode:difference}#grid{inset:var(--grid-margin);gap:var(--grid-gutter);pointer-events:none;z-index:8;grid-template-columns:repeat(14,1fr);display:none;position:fixed}#grid i{background:#ff00001a}body.show-grid #grid{display:grid}@media (max-width:900px),(max-height:520px){#title,#meta{top:auto;left:var(--edge);max-width:calc(100% - 2 * var(--edge));text-overflow:ellipsis;white-space:nowrap;overflow:hidden}#title{bottom:calc(49px + var(--safe-bottom))}#meta{bottom:calc(15px + var(--safe-bottom))}#contact{top:auto;bottom:calc(15px + var(--safe-bottom))}}#list{top:calc(var(--list-top) + var(--safe-top));flex-direction:column;display:flex}#list button{height:var(--line);white-space:nowrap;display:block}#thumbs{justify-content:center;gap:var(--thumb-gap);width:max-content;max-width:calc(100vw - 2 * var(--edge));max-height:calc(100dvh - 2 * (var(--list-top) + var(--projects) * var(--line) + 20 * var(--u)));scrollbar-width:none;z-index:3;flex-wrap:wrap;display:flex;position:fixed;top:50%;left:50%;overflow-y:auto;transform:translate(-50%,-50%)}#thumbs::-webkit-scrollbar{display:none}#thumbs button{width:var(--thumb-w);height:var(--thumb-h);display:block;position:relative;overflow:hidden}#thumbs button:after{content:"";background:var(--bg);opacity:0;transition:opacity .15s;position:absolute;inset:0}#thumbs button:hover:after{opacity:.78}#info{top:calc(var(--info-top) + var(--safe-top));width:var(--info-width);max-height:calc(100vh - var(--info-top) - var(--safe-top) - var(--info-bottom-space));max-height:calc(100dvh - var(--info-top) - var(--safe-top) - var(--info-bottom-space));scrollbar-width:none;overflow-y:auto}#info::-webkit-scrollbar{display:none}#info p{margin:0 0 var(--line)}#info a{width:fit-content;display:block}#info .clients{margin-top:calc(64 * var(--u))}@media ((max-width:900px) or (max-height:520px)) and (orientation:portrait){#thumbs{top:max(40.4vh, calc(var(--list-top) + var(--projects) * var(--line) + 24px));bottom:calc(80px + var(--safe-bottom));left:var(--edge);right:var(--edge);place-content:flex-start;gap:2px;width:auto;max-height:none;transform:none}#thumbs button{aspect-ratio:3/4;width:calc(25% - 1.5px);height:auto}}@media ((max-width:900px) or (max-height:520px)) and (orientation:landscape){#thumbs{top:80px;bottom:calc(80px + var(--safe-bottom));left:150px;right:var(--edge);place-content:flex-start;gap:2px;width:auto;max-height:none;transform:none}#thumbs button{aspect-ratio:3/4;width:calc(16.6667% - 1.66667px);height:auto}}#stage{touch-action:none;position:fixed;inset:0}#frame{top:calc(var(--img-top) + var(--safe-top));bottom:calc(var(--img-bottom) + var(--safe-bottom));left:var(--img-side);right:var(--img-side);position:absolute}@media (orientation:portrait){#frame{container-type:size}#frame .media.is-landscape{width:100cqh;height:100cqw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-90deg)}}#gallery{z-index:2;scrollbar-width:none;background:var(--bg);padding-top:var(--gallery-space);position:fixed;inset:0;overflow-y:auto}#gallery::-webkit-scrollbar{display:none}#gallery:after{content:"";height:var(--gallery-space);display:block}.block{width:100%;height:100dvh;position:relative;overflow:hidden}.block--pair{grid-template-rows:minmax(0,1fr);grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.block--pair>.cell{position:relative}.block--full>.cell{position:absolute;inset:0}.block--center,.block--end{justify-content:center;align-items:center;display:flex}.block--center>.cell,.block--end>.cell{height:77.4%;max-width:calc(100% - 2 * var(--edge));position:relative}.strip{margin:0 0 var(--strip-gap);aspect-ratio:3/4;position:relative}.strip--inset{margin:0 var(--edge) var(--strip-gap)}.strip--rotated{container-type:size}.strip--rotated>.media{width:100cqh;height:100cqw;inset:50% auto auto 50%;transform:translate(-50%,-50%)rotate(-90deg)}#steam-toggle{left:var(--edge);top:calc(var(--header-top) + var(--safe-top) + 3 * var(--line));height:var(--line);z-index:9;position:fixed}body[data-view=gallery] #steam-toggle{color:#fff;mix-blend-mode:difference}.steam-blur,.steam-glass{width:100%;height:100%;transition:opacity .9s;position:fixed;inset:0}.steam-blur{z-index:6;pointer-events:none;-webkit-backdrop-filter:blur(30px)saturate(.8)brightness(1.04);backdrop-filter:blur(30px)saturate(.8)brightness(1.04);-webkit-mask:linear-gradient(#0000,#0000) 0 0/100% 100% no-repeat;mask:linear-gradient(#0000,#0000) 0 0/100% 100% no-repeat}.steam-glass{z-index:7;touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.steam-blur.is-leaving,.steam-glass.is-leaving{opacity:0;pointer-events:none}