.work-page{min-height:100vh;font-family:var(--font-plus-jakarta),-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;color:#0d1b3d;background:#fdf3ec}.work-page__wrap{max-width:1200px;margin:0 auto;padding:0 32px}@media (max-width:600px){.work-page__wrap{padding:0 20px}}.work-page__breadcrumb-bar{background:#fdf3ec;border-bottom:1px solid #ecdfd1;padding:14px 0}.work-page__breadcrumb-bar .breadcrumb{flex-wrap:wrap;align-items:center;gap:6px;margin-bottom:0;display:flex}.work-page__breadcrumb-bar .breadcrumb__item{align-items:center;display:inline-flex}.work-page__breadcrumb-bar .breadcrumb__link{color:#7c8398;font-size:13px;font-weight:500;text-decoration:none;transition:color .22s}.work-page__breadcrumb-bar .breadcrumb__link:hover{color:#f47b20}.work-page__breadcrumb-bar .breadcrumb__sep{color:#7c8398;opacity:.6;flex-shrink:0}.work-page__breadcrumb-bar .breadcrumb__current{color:#0d1b3d;white-space:nowrap;text-overflow:ellipsis;vertical-align:middle;max-width:340px;font-size:13px;font-weight:600;display:inline-block;overflow:hidden}.work-page__footer{color:#7c8398;text-align:center;border-top:1px solid #ecdfd1;margin-top:80px;padding:32px 0;font-size:13px}@keyframes wk-fade-up{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:none}}@keyframes wk-zoom-in{0%{opacity:0;transform:scale(.96)}to{opacity:1;transform:scale(1)}}.work-hero{padding:64px 0 40px}.work-hero__tag{letter-spacing:.1em;text-transform:uppercase;color:#f47b20;background:#ffdac1;border-radius:100px;margin-bottom:20px;padding:4px 14px;font-size:12px;font-weight:700;animation:.6s cubic-bezier(.16,1,.3,1) 50ms both wk-fade-up;display:inline-block}.work-hero__title{letter-spacing:-.03em;color:#0d1b3d;max-width:760px;margin:0 0 20px;font-size:clamp(28px,5vw,52px);font-weight:800;line-height:1.1;animation:.7s cubic-bezier(.16,1,.3,1) .14s both wk-fade-up}.work-hero__desc{color:#5a6184;max-width:680px;margin:0 0 28px;font-size:17px;line-height:1.7;animation:.7s cubic-bezier(.16,1,.3,1) .24s both wk-fade-up}.work-hero__actions{flex-wrap:wrap;align-items:center;gap:12px;animation:.65s cubic-bezier(.16,1,.3,1) .34s both wk-fade-up;display:flex}.work-hero__btn{border-radius:100px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:700;text-decoration:none;transition:background .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1);display:inline-flex}.work-hero__btn svg{width:16px;height:16px;transition:transform .28s cubic-bezier(.4,0,.2,1)}.work-hero__btn--primary{color:#fff;background:#f47b20;box-shadow:0 4px 18px -4px #f47b2073}.work-hero__btn--primary:hover{background:#ff8f3c;transform:translateY(-1px);box-shadow:0 8px 24px -6px #f47b2080}.work-hero__btn--primary:hover svg{transform:translate(3px)}.work-hero__btn--outline{color:#28335a;background:0 0;border:2px solid #ecdfd1}.work-hero__btn--outline:hover{color:#0d1b3d;border-color:#5a6184;transform:translateY(-1px)}.work-hero__btn--outline:hover svg{transform:translate(2px,-2px)}.work-cover{background-position:50%;background-size:cover;border-radius:24px;width:100%;height:clamp(240px,44vw,520px);margin:12px 0 64px;animation:.9s cubic-bezier(.16,1,.3,1) .1s both wk-zoom-in;overflow:hidden}.work-gallery{padding-bottom:80px}.work-gallery__label{letter-spacing:.1em;text-transform:uppercase;color:#f47b20;margin:0 0 28px;font-size:12px;font-weight:700}.work-gallery__empty-msg{color:#7c8398;background:#fbe9dd;border:1.5px dashed #ecdfd1;border-radius:16px;padding:32px 40px;font-size:15px;display:inline-block}.work-gallery__empty-msg code{color:#28335a;background:#ecdfd1;border-radius:4px;padding:2px 6px;font-family:monospace;font-size:13px}.wg-grid{columns:3 260px;column-gap:16px}@media (max-width:900px){.wg-grid{columns:2}}@media (max-width:500px){.wg-grid{columns:1}}.wg-item{break-inside:avoid;cursor:pointer;opacity:0;background:#ecdfd1;border:none;border-radius:16px;width:100%;margin-bottom:16px;padding:0;transition:opacity .55s cubic-bezier(.16,1,.3,1),box-shadow .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1);display:block;position:relative;overflow:hidden;box-shadow:0 6px 22px -10px #0d1b3d1a}.wg-item--visible{opacity:1}.wg-item img{width:100%;height:auto;transition:transform .4s;display:block}.wg-item__overlay{background:#0d1b3d00;border-radius:16px;justify-content:center;align-items:center;transition:background .3s;display:flex;position:absolute;inset:0}.wg-item__overlay svg{color:#fff;opacity:0;filter:drop-shadow(0 2px 8px #0006);width:40px;height:40px;transition:opacity .3s,transform .3s;transform:scale(.75)}.wg-item:hover{transform:translateY(-2px);box-shadow:0 18px 50px -22px #0d1b3d29}.wg-item:hover img{transform:scale(1.02)}.wg-item:hover .wg-item__overlay{background:#0d1b3d59}.wg-item:hover .wg-item__overlay svg{opacity:1;transform:scale(1)}.wg-item:focus-visible{outline-offset:3px;outline:2px solid #f47b20}.wg-lb{z-index:1000;-webkit-backdrop-filter:blur(10px)saturate(60%);backdrop-filter:blur(10px)saturate(60%);background:#050814f0;justify-content:center;align-items:center;animation:.22s both lb-fade-in;display:flex;position:fixed;inset:0}.wg-lb__close{color:#ffffffd9;cursor:pointer;z-index:2;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:44px;height:44px;transition:background .2s,color .2s;display:flex;position:absolute;top:20px;right:20px}.wg-lb__close svg{width:20px;height:20px}.wg-lb__close:hover{color:#fff;background:#ffffff2e}.wg-lb__nav{color:#ffffffd9;cursor:pointer;z-index:2;background:#ffffff14;border:1px solid #ffffff24;border-radius:50%;justify-content:center;align-items:center;width:52px;height:52px;transition:background .2s,color .2s,transform .2s;display:flex;position:absolute;top:50%;transform:translateY(-50%)}.wg-lb__nav svg{width:22px;height:22px}.wg-lb__nav--prev{left:20px}@media (max-width:600px){.wg-lb__nav--prev{left:10px}}.wg-lb__nav--next{right:20px}@media (max-width:600px){.wg-lb__nav--next{right:10px}}.wg-lb__nav:hover{color:#fff;background:#ffffff2e}.wg-lb__nav--prev:hover{transform:translateY(-50%)translate(-2px)}.wg-lb__nav--next:hover{transform:translateY(-50%)translate(2px)}.wg-lb__stage{z-index:0;justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.wg-lb__stage--zoomin{cursor:zoom-in}.wg-lb__stage--grab{cursor:grab}.wg-lb__stage--grabbing{cursor:grabbing}.wg-lb__img{object-fit:contain;transform-origin:50%;will-change:transform;-webkit-user-select:none;user-select:none;border-radius:8px;width:auto;max-width:90vw;height:auto;max-height:90vh;animation:.25s cubic-bezier(.22,1,.36,1) both lb-img-in;display:block;box-shadow:0 40px 100px #0009}.wg-lb__counter{letter-spacing:.06em;color:#ffffff80;white-space:nowrap;-webkit-user-select:none;user-select:none;background:#ffffff12;border:1px solid #ffffff1a;border-radius:100px;padding:5px 16px;font-size:13px;font-weight:500;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}.wg-lb__zoom-bar{z-index:3;-webkit-user-select:none;user-select:none;background:#ffffff14;border:1px solid #ffffff24;border-radius:100px;align-items:center;gap:2px;padding:4px 6px;display:flex;position:absolute;bottom:24px;right:24px}.wg-lb__zoom-btn{color:#ffffffbf;cursor:pointer;background:0 0;border:none;border-radius:50%;justify-content:center;align-items:center;width:30px;height:30px;transition:background .2s,color .2s;display:flex}.wg-lb__zoom-btn svg{width:15px;height:15px}.wg-lb__zoom-btn:hover:not(:disabled){color:#fff;background:#ffffff24}.wg-lb__zoom-btn:disabled{opacity:.25;cursor:not-allowed}.wg-lb__zoom-pct{text-align:center;letter-spacing:.04em;color:#fff9;cursor:pointer;background:0 0;border:none;min-width:46px;padding:0 4px;font-size:12px;font-weight:600;transition:color .2s}.wg-lb__zoom-pct:hover{color:#fff}.wg-lb__hint{letter-spacing:.05em;color:#ffffff47;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;font-size:11px;font-weight:500;position:absolute;bottom:24px;left:50%;transform:translate(-50%)}@media (max-width:600px){.wg-lb__hint{display:none}}@keyframes lb-fade-in{0%{opacity:0}to{opacity:1}}@keyframes lb-img-in{0%{opacity:0}to{opacity:1}}