.page[data-pg=work] .filter{padding:calc(24 * var(--u)) calc(72 * var(--u)) calc(24 * var(--u))}.page[data-pg=work] .filter-btn{align-items:center;gap:calc(8 * var(--u));border:calc(1.2 * var(--u)) solid var(--ink);border-radius:calc(22 * var(--u));padding:calc(3 * var(--u)) calc(16 * var(--u));font-family:var(--en);font-weight:500;font-size:calc(24 * var(--u));letter-spacing:-.014em;line-height:1.4;display:inline-flex}.page[data-pg=work] .filter-btn .knob{width:calc(20 * var(--u));height:calc(20 * var(--u));background:var(--ink);border-radius:50%;flex:none}.page[data-pg=work] .chips{margin-top:calc(16 * var(--u));flex-wrap:wrap;display:flex}.page[data-pg=work] .chip-f{align-items:center;gap:calc(2 * var(--u));padding:calc(8 * var(--u)) calc(14 * var(--u)) calc(8 * var(--u)) calc(20 * var(--u));font-family:var(--en);font-weight:700;font-size:calc(16 * var(--u));color:#000;cursor:pointer;border:0;line-height:1.2;transition:filter .2s,opacity .2s;display:inline-flex}.page[data-pg=work] .chip-f:hover{filter:brightness(1.06)}.page[data-pg=work] .chip-f.off{opacity:.28}.page[data-pg=work] .chip-f .x{width:calc(16 * var(--u));height:calc(16 * var(--u));place-items:center;display:grid}.page[data-pg=work] .chip-f .x svg{width:100%;height:100%}.page[data-pg=work] .c-plan{background:#dd43d5eb}.page[data-pg=work] .c-sw{background:#b2b3b5eb}.page[data-pg=work] .c-uxui{background:#f66a47eb}.page[data-pg=work] .c-maint{background:#1352f7eb}.page[data-pg=work] .c-ind{color:#fff;background:#171717eb}.page[data-pg=work] .filter-btn{cursor:pointer;background:0 0;transition:background .25s,color .25s}.page[data-pg=work] .filter-btn .knob{color:#fff;place-items:center;display:grid}.page[data-pg=work] .filter-btn .knob svg{width:60%;height:60%;transition:transform .3s}.page[data-pg=work] .filter.open .filter-btn .knob svg{transform:rotate(180deg)}.page[data-pg=work] .fpanel{margin-top:calc(28 * var(--u));grid-template-columns:calc(298 * var(--u)) repeat(4,1fr);column-gap:calc(20 * var(--u));display:none}.page[data-pg=work] .filter.open .fpanel{display:grid}.page[data-pg=work] .fcol h3{font-family:var(--en);font-weight:500;font-size:calc(18 * var(--u));letter-spacing:-.02em;color:#8c8d91;margin-bottom:calc(14 * var(--u));line-height:1.5}.page[data-pg=work] .fcol ul{gap:calc(6 * var(--u));flex-direction:column;list-style:none;display:flex}.page[data-pg=work] .fopt{align-items:center;gap:calc(8 * var(--u));text-align:left;font-family:var(--both);font-weight:500;font-size:calc(22 * var(--u));letter-spacing:-.02em;color:#b5b5b5;padding:0;line-height:1.6;transition:color .2s;display:inline-flex}.page[data-pg=work] .fopt:hover{color:#6b6b6b}.page[data-pg=work] .fopt:after{content:"";width:calc(7 * var(--u));height:calc(7 * var(--u));opacity:0;background:currentColor;border-radius:50%;transition:opacity .2s}.page[data-pg=work] .fopt[aria-pressed=true]{color:var(--ink);font-weight:600}.page[data-pg=work] .fopt[aria-pressed=true]:after{opacity:1}.page[data-pg=work] .chips:empty{display:none}.page[data-pg=work] .chip-f{transform-origin:50%;border-radius:0;transition:filter .2s,opacity .25s,transform .3s cubic-bezier(.22,.61,.36,1)}.page[data-pg=work] .chip-f:hover{filter:brightness(1.06);transform:rotate(-15deg) translateY(calc(-6 * var(--u)))}.page[data-pg=work] .chip-f.out{opacity:0;transform:scale(.94)}.page[data-pg=work] .wempty{padding:calc(80 * var(--u)) calc(72 * var(--u)) calc(120 * var(--u));font-family:var(--ko);font-weight:500;font-size:calc(24 * var(--u));letter-spacing:-.02em;color:#6b6b6b;line-height:1.6;display:none}.page[data-pg=work] .wempty.on{display:block}@media (max-width:1279px){.page[data-pg=work] .fpanel{column-gap:calc(24 * var(--u));row-gap:calc(28 * var(--u));margin-top:calc(20 * var(--u));grid-template-columns:repeat(2,1fr)}.page[data-pg=work] .fcol h3{font-size:calc(14 * var(--u));margin-bottom:calc(10 * var(--u))}.page[data-pg=work] .fopt{font-size:calc(16 * var(--u))}.page[data-pg=work] .wempty{padding:calc(56 * var(--u)) calc(40 * var(--u)) calc(80 * var(--u));font-size:calc(16 * var(--u))}}@media (max-width:767px){.page[data-pg=work] .fpanel{row-gap:calc(24 * var(--u));grid-template-columns:1fr}.page[data-pg=work] .fopt{font-size:calc(15 * var(--u))}.page[data-pg=work] .wempty{padding:calc(40 * var(--u)) calc(20 * var(--u)) calc(64 * var(--u));font-size:calc(15 * var(--u))}}.page[data-pg=work] .wgrid{margin-top:calc(20 * var(--u));padding-bottom:calc(148 * var(--u));grid-template-columns:repeat(3,1fr);gap:0;display:grid}.page[data-pg=work] .wcard{--mh:calc(156 * var(--u));color:inherit;flex-direction:column;height:100%;display:flex;position:relative;overflow:hidden}.page[data-pg=work] .wcard .shot{width:100%;height:calc(500 * var(--u));background:#eee;flex:none;overflow:hidden}.page[data-pg=work] .wcard.short .shot{height:calc(500 * var(--u))}.page[data-pg=work] .wcard .shot img{object-fit:cover;width:100%;height:100%;clip-path:inset(0 0 var(--mh) 0);transition:transform 1.1s cubic-bezier(.22,.61,.36,1),clip-path 0s linear .55s;position:absolute;top:0;left:0}.page[data-pg=work] .wcard.hovx .shot img{clip-path:inset(0);transition-delay:0s}.page[data-pg=work] .wcard .meta{padding:calc(24 * var(--u)) calc(24 * var(--u)) 0}.page[data-pg=work] .wcard h3{font-family:var(--en);font-weight:600;font-size:calc(32 * var(--u));letter-spacing:-.02em;line-height:1.4}.page[data-pg=work] .wcard .tags{gap:calc(8 * var(--u));margin-top:calc(6 * var(--u));font-family:var(--both);font-weight:500;font-size:calc(16 * var(--u));opacity:.8;flex-wrap:wrap;line-height:1.2;display:flex}.page[data-pg=work] .wcard .tags .sep{opacity:.4}.page[data-pg=work] .wcard.hide{display:none}.page[data-pg=work] .wcard:after{content:"";z-index:1;pointer-events:none;opacity:0;background:linear-gradient(#0000 40%,#00000059 62%,#000000d1 100%);transition:opacity .55s;position:absolute;inset:0}.page[data-pg=work] .wcard .meta{z-index:2;height:calc(156 * var(--u));padding:calc(24 * var(--u)) calc(24 * var(--u)) calc(32 * var(--u));transition:color .45s;position:relative;overflow:hidden}.page[data-pg=work] .wcard .meta:before{content:"";inset:calc(-2 * var(--u)) 0 calc(-2 * var(--u));z-index:-1;background:var(--paper);clip-path:inset(0);transition:clip-path .55s cubic-bezier(.22,.61,.36,1);position:absolute}.page[data-pg=work] .wcard .award{z-index:3;left:calc(24 * var(--u));bottom:calc(168 * var(--u));height:calc(38 * var(--u));padding:0 calc(14 * var(--u));border-radius:calc(100 * var(--u));color:#fff;font-family:var(--en);font-weight:600;font-size:calc(22 * var(--u));letter-spacing:-.014em;opacity:0;transform:translateY(calc(8 * var(--u)));background:#ff501b;align-items:center;line-height:1.3;transition:opacity .3s,transform .35s;display:inline-flex;position:absolute}.page[data-pg=work] .wcard .tags{transition:opacity .3s}.page[data-pg=work] .wcard.hovx:after{opacity:1}.page[data-pg=work] .wcard.hovx .meta{color:#fff}.page[data-pg=work] .wcard.hovx .meta:before{clip-path:inset(100% 0 0)}.page[data-pg=work] .wcard.hovx .tags{opacity:1}.page[data-pg=work] .wcard.hovx .award{opacity:1;transform:none}@media (max-width:1279px){.page[data-pg=work] .filter{padding:calc(24 * var(--u)) calc(40 * var(--u))}.page[data-pg=work] .filter-btn{font-size:calc(16 * var(--u));border-radius:calc(17 * var(--u));padding:calc(6 * var(--u)) calc(16 * var(--u))}.page[data-pg=work] .filter-btn .knob{width:calc(18 * var(--u));height:calc(18 * var(--u))}.page[data-pg=work] .chip-f{font-size:calc(13 * var(--u));padding:calc(8 * var(--u)) calc(12 * var(--u)) calc(8 * var(--u)) calc(16 * var(--u));border-radius:calc(4 * var(--u))}.page[data-pg=work] .chips{gap:calc(8 * var(--u));margin-top:calc(14 * var(--u))}.page[data-pg=work] .wgrid{padding:0 0 calc(110 * var(--u));margin-top:calc(16 * var(--u));grid-template-columns:repeat(2,1fr);gap:0}.page[data-pg=work] .wcard .shot,.page[data-pg=work] .wcard.short .shot{height:calc(280 * var(--u))}.page[data-pg=work] .wcard{--mh:calc(100 * var(--u))}.page[data-pg=work] .wcard .meta{height:calc(100 * var(--u));padding:calc(16 * var(--u)) calc(16 * var(--u)) calc(20 * var(--u))}.page[data-pg=work] .wcard .award{left:calc(16 * var(--u));bottom:calc(112 * var(--u));height:calc(30 * var(--u));font-size:calc(15 * var(--u));padding:0 calc(12 * var(--u));border-radius:calc(15 * var(--u))}.page[data-pg=work] .wcard h3{font-size:calc(22 * var(--u))}.page[data-pg=work] .wcard .tags{font-size:calc(14 * var(--u))}}@media (max-width:767px){.page[data-pg=work] .filter{padding:calc(20 * var(--u))}.page[data-pg=work] .filter-btn{font-size:calc(14 * var(--u))}.page[data-pg=work] .chip-f{font-size:calc(11 * var(--u));padding:calc(6 * var(--u)) calc(10 * var(--u)) calc(6 * var(--u)) calc(12 * var(--u))}.page[data-pg=work] .wgrid{padding:0 0 calc(80 * var(--u));grid-template-columns:1fr;gap:0}.page[data-pg=work] .wcard .shot,.page[data-pg=work] .wcard.short .shot{height:calc(240 * var(--u))}.page[data-pg=work] .wcard{--mh:calc(92 * var(--u))}.page[data-pg=work] .wcard .meta{height:calc(92 * var(--u))}.page[data-pg=work] .wcard .award{bottom:calc(104 * var(--u))}.page[data-pg=work] .wcard h3{font-size:calc(20 * var(--u))}.page[data-pg=work] .wcard .tags{font-size:calc(13 * var(--u))}}