.projects-page{background:#fff}.pj{--v:clamp(0px, calc((100vw - 1024px) / 896), 1px);--g:clamp(0px, calc((100vw - 1920px) / 640), 1px);--pj-card-w:calc(259.44px + 156.56 * var(--v));--pj-cap:calc((100vw - 2126px) / 2);z-index:1;position:relative;overflow:clip}.pj-inner{margin:0 max(calc(48px + 168 * var(--v) + 1 * var(--g)), var(--pj-cap))}.pj-hero .pj-inner,.pj-filter .pj-inner{margin-right:max(calc(128px + 88 * var(--v) + 1 * var(--g)), var(--pj-cap))}.pj-hero{padding-top:calc(280px + 40 * var(--v) + 80 * var(--g))}.pj-symbol{width:156px;height:auto;display:block}.pj-hero-head{margin-top:20px}.pj-title-row{margin:0}.pj-title{font-family:Cormorant Garamond,serif;font-weight:600;font-size:calc(120px + 52 * var(--v) + 28 * var(--g));letter-spacing:-.01em;color:#3e3f44;line-height:1}.pj-dot{width:calc(16px + 16 * var(--v));height:calc(16px + 16 * var(--v));margin-left:calc(16px + 8 * var(--v));vertical-align:-.025em;background:#f03a3a;border-radius:50%;display:inline-block}.pj-lead{margin:calc(20px + 12 * var(--g)) 0 0;color:#3e3f44;font-family:Pretendard,sans-serif;font-weight:600;font-size:calc(18px + 4 * var(--v) + 2 * var(--g));line-height:1.5}.pj-desc{margin:calc(16px + 8 * var(--v)) 0 0;color:#3e3f44;font-family:Pretendard,sans-serif;font-weight:400;font-size:calc(14px + 4 * var(--v) + 2 * var(--g));line-height:1.5}.pj-title{opacity:0;filter:blur(18px);transform-origin:0;transition:opacity 1.1s,filter 1.1s,transform 1.1s cubic-bezier(.22,1,.36,1);transform:translateY(.05em)scale(1.04)}.pj-dot{opacity:0;transform:scale(0)}.pj-lead,.pj-desc{opacity:0;filter:blur(8px);transform:translateY(10px)}.pj-lead{transition:opacity .9s .5s,filter .9s .5s,transform .9s cubic-bezier(.22,1,.36,1) .5s}.pj-desc{transition:opacity .9s .62s,filter .9s .62s,transform .9s cubic-bezier(.22,1,.36,1) .62s}.pj-hero.in .pj-title,.pj-hero.in .pj-lead,.pj-hero.in .pj-desc{opacity:1;filter:blur();transform:none}.pj-hero.in .pj-dot{opacity:1;transition:transform .42s cubic-bezier(.34,1.56,.64,1) 1.2s,opacity .18s 1.18s;transform:scale(1)}@media (prefers-reduced-motion:reduce){.pj-title,.pj-lead,.pj-desc,.pj-dot{opacity:1;filter:none;transition:none;transform:none}}.pj-filter{margin-top:calc(89px + 67 * var(--v) + 46 * var(--g))}.pj-filter-inner{justify-content:space-between;align-items:center;display:flex}.pj-cats{align-items:center;display:flex}.pj-cats .pj-cat+.pj-cat{margin-left:calc(12px + 4 * var(--v))}.pj-cat{width:calc(96px + 74 * var(--v));height:calc(37px + 19 * var(--v));color:#3e3f44;font-family:Pretendard,sans-serif;font-weight:600;font-size:calc(14px + 4 * var(--v));cursor:pointer;white-space:nowrap;opacity:0;background:#fff;border:1px solid #e5e5e5;border-radius:999px;place-items:center;line-height:1.5;transition:opacity .8s,transform .9s cubic-bezier(.22,1,.36,1),background-color .2s,border-color .2s,color .2s,width .5s cubic-bezier(.22,1,.36,1),margin-left .5s cubic-bezier(.22,1,.36,1),padding .5s,border-width .5s;display:grid;overflow:hidden;transform:translateY(32px)}.pj-cat.in{opacity:1;transform:none}.pj-cat:hover{border-color:#3e3f44}.pj-cat.is-active{color:#fff;background:#3e3f44;border-color:#3e3f44}.pj-toggle{opacity:0;border:1px solid #3e3f44;border-radius:8px;align-items:center;padding:2px;transition:opacity .8s .12s,transform .9s cubic-bezier(.22,1,.36,1) .12s;display:flex;position:relative;transform:translateY(32px)}.pj-toggle.in{opacity:1;transform:none}.pj-toggle:before{content:"";width:calc(56px + 8 * var(--v));height:calc(33px + 7 * var(--v));background:#3e3f44;border-radius:6px;transition:transform .3s cubic-bezier(.22,1,.36,1);position:absolute;top:2px;left:2px}.pj-toggle.is-ongoing:before{transform:translateX(calc(56px + 8 * var(--v)))}.pj-status{z-index:1;width:calc(56px + 8 * var(--v));height:calc(33px + 7 * var(--v));color:#ccc;font-family:Pretendard,sans-serif;font-weight:600;font-size:calc(13px + 3 * var(--v));cursor:pointer;background:0 0;border:none;border-radius:6px;line-height:1.5;transition:color .25s;position:relative}.pj-status.is-active{color:#fff}.pj-filter.is-ongoing .pj-cat:not([data-filter=all]){opacity:0;pointer-events:none;border-width:0;width:0;margin-left:0;padding:0}.pj-list{margin-top:calc(64px + 56 * var(--v) + 40 * var(--g));padding-bottom:240px}.pj-grid{grid-template-columns:repeat(3, var(--pj-card-w));justify-content:space-between;row-gap:calc(74.84px + 45.16 * var(--v));display:grid}.pj-card{width:var(--pj-card-w);height:calc(349.25px + 210.75 * var(--v));border-radius:calc(19.96px + 12.04 * var(--v));cursor:pointer;opacity:0;transition:opacity .6s,transform .9s cubic-bezier(.34,1.45,.5,1);position:relative;overflow:hidden;transform:translateY(80px)}.pj-card.in{opacity:1;transform:none}.pj-grid .pj-card:nth-child(3n+2){transition-delay:70ms}.pj-grid .pj-card:nth-child(3n+3){transition-delay:.14s}.pj-card-img{object-fit:cover;width:100%;height:100%;transition:transform .55s cubic-bezier(.22,1,.36,1);display:block}.pj-card:hover .pj-card-img{transform:scale(1.05)}.pj-card-over{opacity:0;pointer-events:none;background:#1d53f1cc;transition:opacity .35s;position:absolute;inset:0}.pj-card:hover .pj-card-over{opacity:1}.pj-card-award{top:calc(28px + 20 * var(--v));left:calc(28px + 20 * var(--v));width:calc(32px + 16 * var(--v));height:calc(32px + 16 * var(--v));display:block;position:absolute}.pj-card-info{left:calc(28px + 20 * var(--v));right:calc(28px + 20 * var(--v));bottom:calc(28.25px + 11.75 * var(--v));gap:calc(8px + 8 * var(--v));flex-direction:column;display:flex;position:absolute}.pj-card-cat{color:#fff;font-family:Pretendard,sans-serif;font-weight:600;font-size:calc(13px + 3 * var(--v));line-height:1.5}.pj-card-name{color:#fff;font-family:Pretendard,sans-serif;font-weight:700;font-size:calc(20px + 12 * var(--v));white-space:pre-wrap;word-break:keep-all;overflow-wrap:break-word;margin:0;line-height:1.5}@media (min-width:2240px){.pj-grid{grid-template-columns:repeat(4, var(--pj-card-w))}.pj-grid .pj-card:nth-child(3n+2),.pj-grid .pj-card:nth-child(3n+3){transition-delay:0s}.pj-grid .pj-card:nth-child(4n+2){transition-delay:70ms}.pj-grid .pj-card:nth-child(4n+3){transition-delay:.14s}.pj-grid .pj-card:nth-child(4n+4){transition-delay:.21s}}.pj-table{border-top:1px solid #3e3f44}.pj-thead{height:80px;display:flex}.pj-tr{height:calc(120px + 40 * var(--g));display:flex}.pj-th,.pj-td{color:#3e3f44;text-align:center;flex:1 1 0;justify-content:center;align-items:center;gap:10px;min-width:0;line-height:1.5;display:flex}.pj-th{font-family:Pretendard,sans-serif;font-weight:600;font-size:calc(14px + 2 * var(--v) + 2 * var(--g))}.pj-td{font-family:Pretendard,sans-serif;font-weight:700;font-size:calc(16px + 2 * var(--v) + 2 * var(--g))}.pj-logo{box-sizing:border-box;width:calc(170px + 42 * var(--v));height:calc(64px + 16 * var(--v))}.pj-logo img{object-fit:contain;width:100%;height:100%;display:block}@media (prefers-reduced-motion:reduce){.pj-cat,.pj-toggle,.pj-card{opacity:1;transition:none;transform:none}.pj-card-over,.pj-card-img,.pj-status,.pj-toggle:before{transition:none}}