@font-face{font-family:jjannon-regular;src:url(/fonts/jjannon-regular.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:publico-text-mono-roman;src:url(/fonts/publico-text-mono-roman.woff2)format("woff2");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:publico-text-mono-semibold;src:url(/fonts/publico-text-mono-semibold.woff2)format("woff2");font-weight:600;font-style:normal;font-display:swap}:root{--white:#fff;--black:#000;--bg:#fff;--fg:#000;--font-serif:"jjannon-regular", "Newsreader", Georgia, serif;--font-mono:"publico-text-mono-roman", monospace;--font-mono-semibold:"publico-text-mono-semibold", monospace;--gap:8px;--padding-x:12px;--header-height:40px;--footer-height:34px}*,:before,:after{box-sizing:border-box;margin:0;padding:0}html,body{background-color:var(--bg);width:100vw;height:100dvh;color:var(--fg);font-family:var(--font-mono);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;line-height:1.2;overflow:hidden}::selection{color:#000;background-color:#dadada}a{color:inherit;cursor:pointer;text-decoration:none}a:hover{text-decoration:underline}.site-header{height:var(--header-height);padding:10px var(--padding-x) 0 var(--padding-x);z-index:50;font-family:var(--font-mono);justify-content:space-between;align-items:center;font-size:13px;display:flex;position:fixed;top:0;left:0;right:0}.header-left{align-items:center;gap:220px;display:flex}.logo-mark{width:auto;height:28px;display:block}.status-indicator{text-transform:capitalize;align-items:center;gap:6px;display:flex}.status-dot{background-color:var(--black);border-radius:50%;width:4px;height:4px;display:inline-block}.header-right{align-items:center;gap:120px;display:flex}.nav-links{align-items:center;gap:2px;display:flex}.nav-item{align-items:center;display:inline-flex}.nav-item:not(:last-child):after{content:",";color:inherit;opacity:.7;margin-left:1px;margin-right:4px}.contact-link{text-align:right}.site-footer{height:var(--footer-height);padding:0 var(--padding-x) 8px var(--padding-x);z-index:50;font-family:var(--font-mono);justify-content:space-between;align-items:flex-end;font-size:13px;display:flex;position:fixed;bottom:0;left:0;right:0}.footer-left{align-items:center;gap:6px;display:flex}.footer-center{text-align:center;position:absolute;left:50%;transform:translate(-50%)}.footer-right{text-align:right}.hover-url-badge{bottom:6px;left:var(--padding-x);font-family:var(--font-mono);color:#000;z-index:60;opacity:0;pointer-events:none;background:#fff;border:1px solid #0003;padding:2px 6px;font-size:12px;transition:opacity .1s;position:fixed}.hover-url-badge.is-visible{opacity:1}.hover-url-badge.has-link{pointer-events:auto;cursor:pointer;text-underline-offset:2px;text-decoration:underline;transition:opacity .1s,background .15s,color .15s}.hover-url-badge.has-link:hover{color:#fff;background:#000}.center-title-container{top:calc(50% + (var(--header-height) - var(--footer-height)) / 2);z-index:40;pointer-events:none;text-align:center;mix-blend-mode:difference;position:fixed;left:50%;transform:translate(-50%,-50%)}.center-title{font-family:var(--font-serif);color:#fff;letter-spacing:-.015em;white-space:nowrap;font-size:clamp(38px,4.6vw,76px);font-weight:400;line-height:1;transition:opacity .12s,transform .15s}.center-title.changing{opacity:0;transform:scale(.97)}.gallery-stage{top:var(--header-height);bottom:var(--footer-height);left:var(--padding-x);right:var(--padding-x);z-index:10;position:fixed;overflow:hidden}.grid-matrix{gap:var(--gap);z-index:30;grid-template-rows:repeat(4,1fr);grid-template-columns:repeat(12,1fr);width:100%;height:100%;display:grid;position:absolute;inset:0}.media-cell{cursor:pointer;pointer-events:auto;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.media-cell img{object-fit:cover;will-change:opacity, transform;width:100%;height:100%;transition:opacity .18s,transform .25s;display:block}.media-cell:hover img{transform:scale(1.02)}.grid-matrix.dimmed .media-cell img{opacity:0}.project-hover-stage{opacity:0;pointer-events:none;z-index:20;width:100%;height:100%;transition:opacity .15s;position:absolute;inset:0}.project-hover-stage.is-active{opacity:1}.hover-slot-item{opacity:0;pointer-events:none;transition:left .3s cubic-bezier(.16,1,.3,1),top .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1);position:absolute;overflow:hidden}.hover-slot-item.is-visible{opacity:1;transition:opacity .14s cubic-bezier(.16,1,.3,1),left .3s cubic-bezier(.16,1,.3,1),top .3s cubic-bezier(.16,1,.3,1),width .3s cubic-bezier(.16,1,.3,1)}.hover-slot-item img{object-fit:contain;will-change:transform;width:100%;height:100%;transition:transform .18s cubic-bezier(.16,1,.3,1);display:block;transform:scale(.96)translateZ(0)}.hover-slot-item.is-visible img{transform:scale(1)translateZ(0)}.admin-link{color:#000;opacity:.7;font-weight:500;transition:opacity .2s}.admin-link:hover{opacity:1}.floating-controls-bar{z-index:100;align-items:center;gap:8px;display:flex;position:fixed;bottom:12px;right:140px}.device-toggle-pill{background:#000;border-radius:999px;align-items:center;padding:3px;display:flex;box-shadow:0 4px 14px #0003}.device-btn{color:#fff9;font-family:var(--font-mono);cursor:pointer;background:0 0;border:none;border-radius:999px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;transition:all .15s;display:flex}.device-btn:hover{color:#fff}.device-btn.active{color:#000;background:#fff;font-weight:500}.admin-floating-btn{color:#fff;font-family:var(--font-mono);letter-spacing:.02em;background:#000;border-radius:999px;align-items:center;gap:6px;padding:5px 12px;font-size:11px;text-decoration:none;transition:transform .15s,background-color .15s,box-shadow .15s;display:inline-flex;position:static;box-shadow:0 4px 12px #00000026}.admin-floating-btn:hover{background:#222;text-decoration:none;transform:translateY(-1px);box-shadow:0 6px 16px #00000040}.simulation-banner{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-family:var(--font-mono);z-index:200;background:#18181bf2;border:1px solid #ffffff2e;border-radius:999px;align-items:center;gap:12px;padding:6px 14px;font-size:11px;display:none;position:fixed;top:14px;left:50%;transform:translate(-50%);box-shadow:0 8px 28px #00000073}.sim-badge{color:#60a5fa;font-weight:600}.sim-desc{opacity:.8}.btn-exit-simulation{color:#fff;font-family:var(--font-mono);cursor:pointer;background:#ffffff26;border:none;border-radius:999px;padding:2px 8px;font-size:10px;transition:background .15s}.btn-exit-simulation:hover{background:#ffffff4d}.phone-dynamic-island{z-index:100;background:#000;border-radius:20px;width:96px;height:22px;margin-bottom:-28px;display:none;position:sticky;top:6px;left:50%;transform:translate(-50%)}.page-wrapper{width:100%;height:100%;position:relative}body.simulated-mobile-mode{color:#000;flex-direction:column;justify-content:center;align-items:center;background:#09090b!important;height:100dvh!important;display:flex!important;overflow:hidden!important}body.simulated-mobile-mode .simulation-banner{display:flex}body.simulated-mobile-mode .phone-dynamic-island{display:block}body.simulated-mobile-mode .floating-controls-bar{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;border-radius:999px;padding:4px;bottom:16px;right:50%;transform:translate(50%)}body.simulated-mobile-mode .page-wrapper{-webkit-overflow-scrolling:touch;background:#fff!important;border:10px solid #27272a!important;border-radius:46px!important;width:390px!important;max-width:92vw!important;height:min(844px,86vh)!important;position:relative!important;overflow:hidden auto!important;box-shadow:0 25px 70px #000000bf,0 0 0 1px #ffffff1a!important}body.simulated-mobile-mode .site-header{-webkit-backdrop-filter:blur(12px)!important;padding:0 var(--padding-x)!important;background:#fffffff2!important;border-bottom:1px solid #0000000f!important;height:48px!important;position:sticky!important;top:0!important}body.simulated-mobile-mode .header-left{gap:10px!important}body.simulated-mobile-mode .logo-mark{height:22px!important}body.simulated-mobile-mode .status-indicator{font-size:11px!important}body.simulated-mobile-mode .header-right{gap:8px!important}body.simulated-mobile-mode .nav-links{align-items:center!important;gap:8px!important;display:flex!important}body.simulated-mobile-mode .nav-item:not(:last-child):after,body.simulated-mobile-mode .nav-item-extra,body.simulated-mobile-mode .nav-item-current{display:none!important}body.simulated-mobile-mode .nav-links .nav-btn{white-space:nowrap!important;padding:2px!important;font-size:11px!important}body.simulated-mobile-mode .contact-link{display:none!important}body.simulated-mobile-mode .lang-switcher{border-left:1px solid #0000001a!important;gap:1px!important;padding-left:6px!important;font-size:10.5px!important}body.simulated-mobile-mode .lang-btn{padding:2px!important;font-size:10.5px!important}body.simulated-mobile-mode .center-title-container{padding:0 var(--padding-x)!important;text-align:left!important;mix-blend-mode:normal!important;pointer-events:auto!important;z-index:5!important;margin-top:16px!important;margin-bottom:18px!important;position:relative!important;top:auto!important;left:auto!important;transform:none!important}body.simulated-mobile-mode .center-title{color:var(--black)!important;letter-spacing:-.02em!important;white-space:normal!important;word-break:break-word!important;opacity:1!important;font-size:32px!important;line-height:1.08!important;transform:none!important}body.simulated-mobile-mode .gallery-stage{width:100%!important;height:auto!important;padding:0 var(--padding-x)!important;z-index:10!important;position:relative!important;inset:auto!important;overflow:visible!important}body.simulated-mobile-mode .grid-matrix{grid-template-rows:auto!important;grid-template-columns:repeat(2,1fr)!important;gap:8px!important;width:100%!important;height:auto!important;padding-bottom:30px!important;display:grid!important;position:relative!important;inset:auto!important}body.simulated-mobile-mode .grid-matrix .media-cell{grid-column:var(--m-col,auto / span 1)!important;grid-row:var(--m-row,auto)!important;order:var(--m-order,1)!important;aspect-ratio:var(--m-aspect,16 / 11)!important;cursor:default!important;background:#f4f4f4!important;border-radius:2px!important;width:100%!important;height:auto!important;position:relative!important;overflow:hidden!important}body.simulated-mobile-mode .grid-matrix .media-cell img{object-fit:cover!important;opacity:1!important;width:100%!important;height:100%!important;transition:none!important;display:block!important;transform:none!important}body.simulated-mobile-mode .grid-matrix .media-cell:hover img{transform:none!important}body.simulated-mobile-mode .grid-matrix.dimmed .media-cell img{opacity:1!important}body.simulated-mobile-mode .project-hover-stage,body.simulated-mobile-mode #project-hover-stage,body.simulated-mobile-mode .hover-url-badge,body.simulated-mobile-mode #hover-url-badge{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}body.simulated-mobile-mode .site-footer{height:auto!important;padding:20px var(--padding-x) 32px var(--padding-x)!important;background:var(--bg)!important;z-index:20!important;border-top:1px solid #00000014!important;flex-wrap:wrap!important;justify-content:space-between!important;align-items:center!important;gap:12px!important;font-size:11px!important;display:flex!important;position:relative!important;bottom:auto!important;left:auto!important;right:auto!important}body.simulated-mobile-mode .footer-center{text-align:left!important;opacity:.6!important;order:3!important;width:100%!important;margin-top:4px!important;position:static!important;transform:none!important}@media (width<=1024px){.header-left{gap:32px}.header-right{gap:24px}}@media (width<=768px),(hover:none){html,body{-webkit-overflow-scrolling:touch;width:100%;height:auto;min-height:100dvh;overflow:hidden auto}.site-header{-webkit-backdrop-filter:blur(12px);padding:0 var(--padding-x);background:#fffffff2;border-bottom:1px solid #0000000f;height:48px}.header-left{gap:10px}.logo-mark{height:22px}.status-indicator{font-size:11px}.header-right{gap:10px}.nav-links{align-items:center;gap:8px;display:flex}.nav-item:not(:last-child):after,.nav-item-extra,.nav-item-current{display:none}.nav-links .nav-btn{white-space:nowrap;padding:2px;font-size:11px}.contact-link{display:none}.lang-switcher{border-left:1px solid #0000001a;gap:1px;padding-left:6px;font-size:10.5px}.lang-btn{padding:2px;font-size:10.5px}.center-title-container{padding:0 var(--padding-x);text-align:left;mix-blend-mode:normal;pointer-events:auto;z-index:5;margin-top:56px;margin-bottom:20px;position:relative;top:auto;left:auto;transform:none}.center-title{color:var(--black);letter-spacing:-.02em;white-space:normal;word-break:break-word;font-size:clamp(30px,8.5vw,42px);line-height:1.08;opacity:1!important;transform:none!important}.gallery-stage{width:100%;height:auto;padding:0 var(--padding-x);z-index:10;position:relative;inset:auto;overflow:visible}.grid-matrix{grid-template-rows:auto;grid-template-columns:repeat(2,1fr);gap:8px;width:100%;height:auto;padding-bottom:40px;display:grid;position:relative;inset:auto}.grid-matrix .media-cell{cursor:default;background:#f4f4f4;border-radius:2px;width:100%;height:auto;position:relative;overflow:hidden;grid-column:var(--m-col,auto / span 1)!important;grid-row:var(--m-row,auto)!important;order:var(--m-order,1)!important;aspect-ratio:var(--m-aspect,16 / 11)!important}.grid-matrix .media-cell img{object-fit:cover;width:100%;height:100%;display:block;opacity:1!important;transition:none!important;transform:none!important}.grid-matrix .media-cell:hover img{transform:none!important}.grid-matrix.dimmed .media-cell img{opacity:1!important}.project-hover-stage,#project-hover-stage{opacity:0!important;visibility:hidden!important;pointer-events:none!important;display:none!important}.hover-url-badge,#hover-url-badge{display:none!important}.site-footer{height:auto;padding:24px var(--padding-x) 40px var(--padding-x);background:var(--bg);z-index:20;border-top:1px solid #00000014;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:11px;display:flex;position:relative;bottom:auto;left:auto;right:auto}.footer-center{text-align:left;opacity:.6;order:3;width:100%;margin-top:6px;position:static;transform:none}.admin-floating-btn{padding:5px 10px;font-size:10px;bottom:12px;right:12px}}@media (width<=420px){.grid-matrix{gap:6px}}.nav-btn,.footer-text-btn{color:inherit;font-family:inherit;font-size:inherit;cursor:pointer;background:0 0;border:none;padding:0;text-decoration:none;display:inline}.nav-btn:hover,.footer-text-btn:hover{text-decoration:underline}.contact-btn{font-weight:600}.drawer-backdrop{-webkit-backdrop-filter:blur(8px);z-index:150;opacity:0;pointer-events:none;background:#00000073;transition:opacity .3s cubic-bezier(.16,1,.3,1);position:fixed;inset:0}.drawer-backdrop.is-open{opacity:1;pointer-events:auto}.site-info-drawer{color:#000;z-index:160;background:#fff;flex-direction:column;width:min(640px,92vw);transition:transform .4s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;top:0;bottom:0;right:0;overflow:hidden;transform:translate(105%);box-shadow:-10px 0 35px #0000001f}.site-info-drawer.is-open{transform:translate(0)}.drawer-header{border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;height:60px;min-height:60px;padding:0 24px;display:flex}.btn-drawer-close{cursor:pointer;width:32px;height:32px;color:inherit;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;font-size:18px;transition:background .15s;display:flex}.btn-drawer-close:hover{background:#0000000f}.drawer-body{scrollbar-width:thin;flex:1;padding:24px;overflow-y:auto}.drawer-gallery{grid-template-columns:1fr;gap:20px;display:grid}.drawer-gallery img{background:#f4f4f4;border-radius:4px;width:100%;height:auto;display:block;box-shadow:0 4px 16px #0000000f}.info-drawer-nav{gap:16px;display:flex}.info-nav-btn{font-family:var(--font-mono);color:#0006;cursor:pointer;background:0 0;border:none;padding:6px 0;font-size:13px;transition:color .2s;position:relative}.info-nav-btn.active{color:#000;font-weight:600}.info-nav-btn.active:after{content:"";background:#000;height:2px;position:absolute;bottom:-1px;left:0;right:0}.info-pane{display:none}.info-pane.active{display:block}.info-hero-text{font-family:var(--font-serif);margin-bottom:32px;font-size:26px;font-weight:400;line-height:1.3}.about-hero-block{align-items:flex-start;gap:24px;margin-bottom:28px;display:flex}.about-photo-wrapper{flex-shrink:0;width:160px}.about-photo-picture{width:100%;display:block}.about-author-photo{aspect-ratio:1;object-fit:cover;object-position:center 20%;border:1px solid #00000014;border-radius:4px;width:100%;transition:transform .3s cubic-bezier(.16,1,.3,1),box-shadow .3s;display:block;box-shadow:0 4px 16px #0000000f}.about-photo-wrapper:hover .about-author-photo{transform:scale(1.02);box-shadow:0 8px 24px #0000001a}.about-intro-text{flex:1;min-width:0}.about-intro-text .info-hero-text{font-family:var(--font-serif);margin-bottom:14px;font-size:22px;font-weight:400;line-height:1.35}.about-desc-paragraph{font-family:var(--font-mono);color:#444;margin-bottom:0;font-size:12px;line-height:1.6}.about-divider{background:#00000014;width:100%;height:1px;margin-bottom:28px}@media (width<=560px){.about-hero-block{flex-direction:column;gap:16px}.about-photo-wrapper{width:130px}.about-intro-text .info-hero-text{font-size:20px}}.info-columns{grid-template-columns:1fr 1fr;gap:32px;display:grid}.info-col h4,.contact-details-grid h4{font-family:var(--font-mono-semibold);text-transform:uppercase;letter-spacing:.06em;color:#000;margin-bottom:12px;font-size:11px}.info-col ul{opacity:.8;flex-direction:column;gap:8px;list-style:none;display:flex}.contact-details-grid{flex-direction:column;gap:28px;display:flex}.contact-email{font-family:var(--font-serif);text-underline-offset:4px;font-size:20px;text-decoration:underline}.contact-socials{gap:16px;display:flex}.contact-socials a{opacity:.8;text-decoration:underline}.terms-paragraph{opacity:.75;font-size:13px;line-height:1.6}.work-index-header{font-family:var(--font-mono-semibold);text-transform:uppercase;letter-spacing:.05em;color:#00000080;border-bottom:1px solid #0000001a;grid-template-columns:2fr 1fr 80px;padding:10px 0;font-size:10px;display:grid}.work-index-item{font-family:var(--font-mono);cursor:pointer;border-bottom:1px solid #0000000d;grid-template-columns:2fr 1fr 80px;align-items:center;padding:14px 0;font-size:12px;transition:background .15s;display:grid}.work-index-item:hover{background:#00000005}.work-index-item strong{font-family:var(--font-serif);font-size:15px;font-weight:400}.btn-index-view{text-transform:uppercase;text-align:right;opacity:.6;font-size:10px}.work-index-item:hover .btn-index-view{opacity:1;text-decoration:underline}body.work-page-body{-webkit-user-select:auto;user-select:auto;-webkit-overflow-scrolling:touch;width:100vw;min-height:100dvh;overflow-x:hidden;height:auto!important;overflow-y:auto!important}.work-page-wrapper{width:100%;min-height:100vh;padding:calc(var(--header-height) + 12px) var(--padding-x) 40px var(--padding-x);flex-direction:column;display:flex;position:relative}.work-header-count{color:#666;margin-left:2px;font-size:11px}.nav-btn.active-page{text-underline-offset:3px;font-weight:600;text-decoration:underline}.work-hero-section{border-bottom:1px solid #00000014;padding:36px 0 24px}.work-hero-content{max-width:900px}.work-page-title{font-family:var(--font-serif);color:#000;letter-spacing:-.02em;margin-bottom:12px;font-size:clamp(38px,5.5vw,76px);font-weight:400;line-height:.95}.work-page-desc{font-family:var(--font-mono);color:#555;max-width:640px;font-size:13px;line-height:1.45}.work-toolbar{top:var(--header-height);-webkit-backdrop-filter:blur(16px);z-index:35;background:#fffffff0;border-bottom:1px solid #00000014;justify-content:space-between;align-items:center;gap:16px;margin-bottom:24px;padding:12px 0;display:flex;position:sticky}.work-toolbar-left{scrollbar-width:none;-ms-overflow-style:none;flex:1;align-items:center;min-width:0;display:flex;overflow-x:auto}.work-toolbar-left::-webkit-scrollbar{display:none}.work-tags-bar{flex-wrap:nowrap;align-items:center;gap:6px;display:flex}.work-dynamic-tag-pills{align-items:center;gap:6px;display:flex}.work-tag-pill{font-family:var(--font-mono);color:#222;cursor:pointer;white-space:nowrap;background:0 0;border:1px solid #00000026;border-radius:14px;align-items:center;gap:5px;padding:4px 10px;font-size:11px;transition:all .15s;display:inline-flex}.work-tag-pill:hover{color:#000;border-color:#000}.work-tag-pill.active{color:#fff;background:#000;border-color:#000}.work-tag-pill .tag-count{opacity:.7;font-size:10px}.work-toolbar-right{flex-shrink:0;align-items:center;gap:12px;display:flex}.work-search-section{width:100%;margin-bottom:14px}.work-search-container{width:100%}.work-search-box-prominent{background:#fff;border:1px solid #00000029;border-radius:28px;align-items:center;width:100%;padding:4px 16px;transition:all .2s cubic-bezier(.16,1,.3,1);display:flex;position:relative;box-shadow:0 1px 3px #00000005}.work-search-box-prominent:hover{border-color:#00000061}.work-search-box-prominent:focus-within{border-color:#000;box-shadow:0 4px 16px #00000014}.work-search-box-prominent .search-icon{color:#777;flex-shrink:0;margin-right:12px}.work-search-input{font-family:var(--font-mono);color:#000;background:0 0;border:none;outline:none;flex:1;width:100%;padding:8px 0;font-size:13px}.work-search-input::placeholder{color:#888;font-size:12.5px}.search-actions-right{flex-shrink:0;align-items:center;gap:8px;display:flex}.search-kbd-hint{font-family:var(--font-mono);color:#777;pointer-events:none;-webkit-user-select:none;user-select:none;background:#0000000d;border:1px solid #0000001a;border-radius:4px;padding:2px 7px;font-size:10px;line-height:1}.work-search-box-prominent .btn-clear-search{color:#555;cursor:pointer;background:#0000000f;border:none;border-radius:50%;padding:3px 6px;font-size:11px;line-height:1;transition:all .15s;position:static}.work-search-box-prominent .btn-clear-search:hover{color:#fff;background:#000}.drawer-search-wrap{align-items:center;margin-bottom:14px;display:flex;position:relative}.drawer-search-icon{color:#888;pointer-events:none;position:absolute;left:10px}.drawer-search-input{width:100%;font-family:var(--font-mono);color:#000;background:#fafafa;border:1px solid #00000026;border-radius:6px;outline:none;padding:7px 10px 7px 28px;font-size:11.5px;transition:border-color .15s}.drawer-search-input:focus{background:#fff;border-color:#000}.drawer-search-input::placeholder{color:#999}.work-sort-wrap{font-family:var(--font-mono);align-items:center;gap:6px;font-size:11px;display:flex}.work-sort-wrap .sort-label{color:#666}.work-sort-select{font-family:var(--font-mono);color:#000;cursor:pointer;background:#fff;border:1px solid #00000026;border-radius:12px;outline:none;padding:4px 8px;font-size:11px;transition:border-color .15s}.work-sort-select:hover,.work-sort-select:focus{border-color:#000}.work-density-toggle{border:1px solid #00000026;border-radius:8px;gap:2px;padding:1px;display:flex}.work-density-btn{font-family:var(--font-mono);color:#666;cursor:pointer;background:0 0;border:none;border-radius:6px;padding:3px 7px;font-size:10px;transition:all .14s}.work-density-btn:hover{color:#000}.work-density-btn.active{color:#fff;background:#000}.work-gallery-stage{flex:1;width:100%}.all-work-grid{grid-template-columns:repeat(4,1fr);gap:16px;width:100%;display:grid}.all-work-grid.cols-3{grid-template-columns:repeat(3,1fr)}.work-card{background:#fff;border-radius:4px;outline:none;flex-direction:column;transition:transform .22s cubic-bezier(.16,1,.3,1);display:flex;position:relative}.work-card.has-link{cursor:pointer}.work-card.no-link{cursor:default}.work-card:focus-visible{outline-offset:4px;outline:2px solid #000}.work-card-media-wrap{aspect-ratio:16/10;background:#f4f4f4;border:1px solid #00000014;width:100%;position:relative;overflow:hidden}.work-card-img{object-fit:cover;will-change:transform;width:100%;height:100%;transition:transform .35s cubic-bezier(.16,1,.3,1);display:block}.work-card:hover .work-card-img{transform:scale(1.035)}.work-card-overlay{opacity:0;pointer-events:none;background:#0003;justify-content:center;align-items:center;transition:opacity .18s;display:flex;position:absolute;inset:0}.work-card:hover .work-card-overlay{opacity:1}.work-card-overlay-badge{font-family:var(--font-mono);color:#000;background:#fff;border-radius:12px;padding:5px 12px;font-size:11px;transition:transform .2s cubic-bezier(.16,1,.3,1);transform:translateY(4px);box-shadow:0 4px 12px #0003}.work-card:hover .work-card-overlay-badge{transform:translateY(0)}.work-card-info{flex-direction:column;gap:6px;padding:10px 2px 4px;display:flex}.work-card-head{justify-content:space-between;align-items:baseline;gap:8px;display:flex}.work-card-title{font-family:var(--font-mono-semibold);color:#000;margin:0;font-size:13px;line-height:1.25}.work-card-arrow{color:#888;font-size:12px;transition:transform .18s,color .18s}.work-card:hover .work-card-arrow{color:#000;transform:translate(2px,-2px)}.work-card-tags{flex-wrap:wrap;gap:4px;display:flex}.work-card-tag-btn{color:#666;font-family:var(--font-mono);cursor:pointer;background:#0000000a;border:1px solid #00000014;border-radius:8px;padding:2px 7px;font-size:10px;transition:all .14s}.work-card-tag-btn:hover{color:#fff;background:#000;border-color:#000}.all-work-empty{text-align:center;max-width:480px;margin:20px auto;padding:80px 20px}.all-work-empty .empty-title{font-family:var(--font-serif);color:#000;margin-bottom:8px;font-size:32px;font-weight:400}.all-work-empty .empty-desc{font-family:var(--font-mono);color:#666;margin-bottom:18px;font-size:12px}.btn-reset-filter{font-family:var(--font-mono);color:#fff;cursor:pointer;background:#000;border:1px solid #000;border-radius:12px;padding:6px 14px;font-size:11px;transition:opacity .15s}.btn-reset-filter:hover{opacity:.85}.work-footer{border-top:1px solid #00000014;margin-top:60px;padding-top:16px;padding-bottom:16px;position:relative!important}@media (width<=1080px){.all-work-grid,.all-work-grid.cols-3{grid-template-columns:repeat(3,1fr);gap:12px}}@media (width<=768px){.work-toolbar{flex-direction:column;align-items:stretch;gap:10px;padding:10px 0}.work-toolbar-right{justify-content:space-between;width:100%}.work-density-toggle{display:none}.work-search-box input{width:120px}.work-search-box input:focus{width:140px}.all-work-grid,.all-work-grid.cols-3{grid-template-columns:repeat(2,1fr);gap:10px}.work-page-title{font-size:38px}}@media (width<=480px){.all-work-grid,.all-work-grid.cols-3{grid-template-columns:1fr;gap:16px}}.lang-switcher{font-family:var(--font-mono);letter-spacing:.04em;pointer-events:auto;-webkit-user-select:none;user-select:none;align-items:center;gap:2px;font-size:11px;display:inline-flex}.lang-btn{color:var(--fg);font-family:var(--font-mono);cursor:pointer;opacity:.4;background:0 0;border:none;padding:2px 4px;font-size:11px;line-height:1;transition:opacity .15s,color .15s}.lang-btn:hover{opacity:.9}.lang-btn.active{opacity:1;text-underline-offset:3px;font-weight:600;text-decoration:underline}.lang-sep{opacity:.25;-webkit-user-select:none;user-select:none;pointer-events:none;font-size:10px}.drawer-lang-wrap{border-top:1px solid #00000014;align-items:center;gap:12px;margin-top:28px;padding-top:18px;display:flex}.drawer-lang-label{font-family:var(--font-mono-semibold);text-transform:uppercase;letter-spacing:.06em;opacity:.6;font-size:10.5px}