.pict-work.work-section{padding:80px 100px}.pict-work .work-grid{grid-template-columns:repeat(4,1fr);gap:40px 24px;display:grid}.pict-work .work-card{cursor:pointer;color:inherit;flex-direction:column;gap:20px;text-decoration:none;display:flex}.pict-work .work-thumb{aspect-ratio:3/2;background:var(--grey-200);border-radius:12px;transition:transform .4s ease-out,box-shadow .4s ease-out;overflow:hidden}.pict-work .work-card:hover .work-thumb{transform:translateY(-6px);box-shadow:0 20px 40px #1414141f}.pict-work .work-thumb img{object-fit:cover;opacity:0;width:100%;height:100%;transition:transform .5s ease-out,opacity .4s ease-out}.pict-work .work-thumb img.is-loaded{opacity:1}.pict-work .work-card:hover .work-thumb img{transform:scale(1.05)}.pict-work .work-info{flex-direction:column;gap:8px;padding:0 4px;display:flex}.pict-work .work-client{font:var(--label-lg-medium);color:var(--grey-700)}.pict-work .work-name{font:var(--h4-pc);letter-spacing:-.05em;color:var(--bk);-webkit-line-clamp:2;-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.pict-work .work-empty{font:var(--body-md-medium);color:var(--grey-500);padding:40px 0}.pict-work[data-reveal],.pict-work [data-reveal]{opacity:0;transition:opacity .7s ease-out,transform .7s ease-out;transform:translateY(24px)}.pict-work[data-reveal].is-visible,.pict-work [data-reveal].is-visible{opacity:1;transform:translateY(0)}.pict-work.work-modal{z-index:999;visibility:hidden;pointer-events:none;transition:visibility 0s linear 1.5s;position:fixed;inset:0}.pict-work.work-modal.is-open{visibility:visible;pointer-events:auto;transition-delay:0s}.pict-work .work-modal-backdrop{opacity:0;background:#14141499;transition:opacity 1.2s ease-out;position:absolute;inset:0}.pict-work.work-modal.is-open .work-modal-backdrop{opacity:1}.pict-work .work-modal-panel{background:var(--wt);isolation:isolate;transition:transform 1.5s cubic-bezier(.16,1,.3,1);position:absolute;inset:0;overflow-y:auto;transform:translateY(100%)}.pict-work.work-modal.is-open .work-modal-panel{transform:none}.pict-work .work-modal-close{width:40px;height:40px;color:var(--bk);cursor:pointer;background:0 0;border:0;border-radius:999px;justify-content:center;align-items:center;transition:background .2s ease-out;display:flex;position:absolute;top:32px;right:100px}.pict-work .work-modal-close:hover{background:var(--grey-200)}.pict-work .work-modal-body{width:100%;max-width:var(--wm-max,none);flex-direction:column;margin:0 auto;padding:0 0 160px;display:flex}.pict-work .wm-header{flex-direction:column;align-items:flex-start;gap:20px;padding:80px;display:flex}.pict-work .wm-title-group{flex-direction:column;gap:8px;display:flex}.pict-work .wm-client{color:var(--grey-700);font-size:20px;font-weight:500;line-height:100%}.pict-work .wm-name{font:var(--h2-pc);letter-spacing:-.05em;color:var(--bk)}.pict-work .wm-tags{flex-wrap:wrap;gap:16px;display:flex}.pict-work .wm-tag{background:var(--grey-50);font:var(--label-xl-medium);color:var(--bk);border-radius:4px;align-items:center;padding:12px 8px;display:inline-flex}.pict-work .wm-actions{flex-wrap:wrap;gap:8px;display:flex}.pict-work .wm-link{box-sizing:border-box;height:44px;font:var(--label-lg-medium);color:var(--bk);cursor:pointer;background:0 0;border:1px solid #000;border-radius:999px;align-items:center;padding:10px 20px;text-decoration:none;transition:background .2s ease-out,border-color .2s ease-out;display:inline-flex}.pict-work .wm-link:hover{background:var(--bk);border-color:var(--bk);color:var(--wt)}.pict-work .wb-text-title{font:var(--h3-pc);letter-spacing:-.05em;color:var(--bk)}.pict-work .wb-text-body{font:var(--body-lg-medium);letter-spacing:-.04em;color:var(--bk);white-space:pre-line}.pict-work .wb-block1 img{aspect-ratio:1440/810;object-fit:cover;width:100%;display:block}.pict-work .wb-block3{padding:40px 60px}.pict-work .wb-block3 img{border-radius:40px;width:100%;display:block}.pict-work .wb-block2{flex-direction:column;gap:20px;padding:40px 120px;display:flex}.pict-work .wb-block4{gap:20px;padding:40px 60px;display:flex}.pict-work .wb-block4-image{flex:1;min-width:0}.pict-work .wb-block4-image img{object-fit:cover;border-radius:40px;width:100%;height:100%;display:block}.pict-work .wb-block4-text{flex-direction:column;flex:1;justify-content:center;gap:20px;min-width:0;padding:40px 0;display:flex}.pict-work .wb-block5{grid-template-columns:repeat(4,1fr);gap:20px;padding:40px 120px;display:grid}.pict-work .wb-block5-item{background:var(--grey-50);border-radius:20px;flex-direction:column;gap:20px;padding:40px 24px;display:flex}.pict-work .wb-block5-item .wb-text-title{text-align:center}.pict-work .wb-block6{gap:20px;padding:40px 60px;display:flex}.pict-work .wb-block6-image{flex:1;min-width:0}.pict-work .wb-block6-image img{object-fit:cover;border-radius:40px;width:100%;height:clamp(280px,34vw,460px);display:block}@media (max-width:1280px){.pict-work.work-section{padding:80px 60px}.pict-work .work-grid{grid-template-columns:repeat(3,1fr)}.pict-work .work-modal-close{right:60px}.pict-work .wm-header{padding:80px 60px}.pict-work .wb-block5{grid-template-columns:repeat(3,1fr)}.pict-work .wb-block2,.pict-work .wb-block5{padding-left:80px;padding-right:80px}.pict-work .wb-block3,.pict-work .wb-block4,.pict-work .wb-block6{padding-left:40px;padding-right:40px}}@media (max-width:1024px){.pict-work.work-section{padding:60px 32px}.pict-work .work-grid{grid-template-columns:repeat(2,1fr)}.pict-work .work-modal-close{right:32px}.pict-work .wm-header{padding:80px 40px}.pict-work .wb-block5{grid-template-columns:repeat(2,1fr)}.pict-work .wb-block2,.pict-work .wb-block5{padding-left:40px;padding-right:40px}.pict-work .wb-block3,.pict-work .wb-block4,.pict-work .wb-block6{padding-left:32px;padding-right:32px}}@media (max-width:768px){.pict-work.work-section{padding:20px 16px 80px}.pict-work .work-grid{grid-template-columns:repeat(2,1fr);gap:24px 4px}.pict-work .work-modal-close{right:16px}.pict-work .wm-header{padding:80px 16px}.pict-work .wm-tags{gap:8px}.pict-work .wm-tag{padding:8px}.pict-work .wb-block4,.pict-work .wb-block6{flex-direction:column}.pict-work .wb-block5{grid-template-columns:repeat(1,1fr)}.pict-work .wb-block2,.pict-work .wb-block3,.pict-work .wb-block4,.pict-work .wb-block5,.pict-work .wb-block6{padding-left:16px;padding-right:16px}.pict-work .wb-block5-item{padding:40px 20px}}