.project-gallery{padding:72px 0 80px;background:#fff;color:#242b28;font-family:Inter,Arial,sans-serif;--project-ease:cubic-bezier(.23,1,.32,1)}
.project-gallery *{box-sizing:border-box}
.project-gallery__heading{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:32px}
.project-gallery__heading h2{margin:0;font-size:40px;line-height:1.15;font-weight:500;letter-spacing:-.03em}
.project-gallery__controls{display:none;align-items:center;gap:10px}
.project-gallery__count{display:flex;align-items:baseline;gap:10px;margin-right:22px;color:#758279;font-size:14px;font-variant-numeric:tabular-nums}
.project-gallery__count [data-project-current]{color:#242b28;font-size:24px;font-weight:500;letter-spacing:-.03em}
.project-gallery__controls button{display:flex;align-items:center;justify-content:center;width:48px;height:48px;padding:12px;border:1px solid #c3d1c7;border-radius:4px;background:#fff;color:#242b28;cursor:pointer}
.project-gallery__controls button svg,.project-slide__link svg{width:24px;height:24px;flex:0 0 24px}
.project-gallery__prev svg{transform:rotate(180deg)}
.project-gallery__stage{position:relative;isolation:isolate;background:#242b28;overflow:hidden}
.project-slide{position:relative;min-height:600px;margin:0}
.project-slide__media{position:absolute;inset:0;overflow:hidden;touch-action:pan-y}
.project-slide__image{display:block;width:100%;height:100%;object-fit:cover;object-position:40% center;user-select:none}
.project-slide__panel{position:relative;margin:32px 32px 32px auto;width:370px;min-height:430px;padding:32px;background:#242b28;color:#fff;display:flex;flex-direction:column;align-items:stretch}
.project-slide__panel h3{margin:0 0 22px;font-size:44px;line-height:1.08;font-weight:500;letter-spacing:-.035em;color:#f2f6f3;overflow-wrap:normal}
.project-slide__description{margin:0 0 26px;font-size:15px;line-height:1.65;color:#d4e2d8}
.project-slide__status{margin:auto 0 26px;font-size:13px;line-height:1.5;color:#add9b6;font-weight:500}
.project-slide__link{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:48px;padding:12px 0 0;border-top:1px solid #65796c;color:#f2f6f3;font-size:14px;line-height:1.4;font-weight:500;text-decoration:none}
.project-gallery__tabs{display:none;grid-template-columns:repeat(5,minmax(0,1fr));gap:0;margin-top:20px}
.project-gallery__tab{display:flex;align-items:center;gap:14px;min-width:0;min-height:84px;margin:0;padding:12px;border:0;border-radius:0;background:#fff;color:#526258;font:500 14px/1.35 Inter,Arial,sans-serif;text-align:left;cursor:pointer}
.project-gallery__tab img{width:64px;height:48px;flex:0 0 64px;object-fit:cover;filter:saturate(.55);opacity:.7}
.project-gallery__tab[aria-selected=true]{background:#edf3ee;color:#24382a}
.project-gallery__tab[aria-selected=true] img{filter:none;opacity:1}
.project-gallery__announce{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}
.project-gallery :focus-visible{outline:2px solid #346b3d;outline-offset:4px}
.project-gallery[data-enhanced=true] .project-gallery__controls{display:flex}
.project-gallery[data-enhanced=true] .project-gallery__tabs{display:grid}
.project-gallery[data-enhanced=true] .project-gallery__stage{height:600px}
.project-gallery[data-enhanced=true] .project-slide{position:absolute;inset:0;min-height:0;opacity:0;visibility:hidden;pointer-events:none;transition:opacity 600ms var(--project-ease),visibility 0s 600ms}
.project-gallery[data-enhanced=true] .project-slide.is-active{opacity:1;visibility:visible;pointer-events:auto;transition-delay:0s}
.project-gallery[data-enhanced=true] .project-slide__panel{position:absolute;right:32px;bottom:32px;margin:0;opacity:0;transform:translate3d(24px,0,0);transition:transform 500ms var(--project-ease),opacity 400ms var(--project-ease)}
.project-gallery[data-enhanced=true] .is-active .project-slide__panel{opacity:1;transform:translate3d(0,0,0);transition-delay:90ms}
.project-gallery[data-enhanced=true] .project-slide__image{clip-path:inset(0 100% 0 0);transform:scale(1.04);transition:clip-path 700ms var(--project-ease),transform 900ms var(--project-ease)}
.project-gallery[data-enhanced=true] .is-active .project-slide__image{clip-path:inset(0);transform:scale(1)}
.project-gallery[data-motion=off] *{transition:none!important}
@media(hover:hover) and (pointer:fine){.project-gallery__controls button:hover{background:#e3ede5;border-color:#8eae96}.project-gallery__tab:hover{background:#f0f5f1;color:#24382a}.project-slide__link:hover{color:#add9b6}}
@media(max-width:1090px){.project-slide__panel{width:330px;padding:28px}.project-slide__panel h3{font-size:38px}.project-gallery__tab{gap:9px;padding:10px 8px;font-size:12px}.project-gallery__tab img{width:48px;height:42px;flex-basis:48px}}
@media(max-width:767px){.project-gallery{padding:40px 0 48px}.project-gallery__heading{gap:14px;margin-bottom:24px}.project-gallery__heading h2{font-size:30px;max-width:7ch}.project-gallery__controls{gap:8px}.project-gallery__controls button{width:42px;height:44px;padding:9px}.project-gallery__count{gap:6px;margin-right:4px;font-size:11px}.project-gallery__count [data-project-current]{font-size:19px}.project-slide{min-height:660px}.project-slide__media{height:290px}.project-slide__image{object-position:center}.project-slide__panel{width:100%;min-height:330px;margin:290px 0 0;padding:28px 24px}.project-slide__panel h3{font-size:34px;margin-bottom:16px}.project-slide__description{font-size:14px;margin-bottom:22px}.project-slide__status{font-size:12px;margin-bottom:22px}.project-slide__link{font-size:14px}.project-gallery[data-enhanced=true] .project-gallery__stage{height:660px}.project-gallery[data-enhanced=true] .project-slide__panel{top:290px;bottom:0;right:0;width:100%;min-height:0;padding:26px 24px}.project-gallery[data-enhanced=true] .project-gallery__tabs{display:flex;gap:4px;overflow-x:auto;overscroll-behavior-inline:contain;scrollbar-width:thin;scrollbar-color:#a4bdaa #eef3ee;margin-top:14px;padding-bottom:6px}.project-gallery__tab{flex:0 0 150px;min-height:72px;font-size:12px;gap:10px;padding:10px}.project-gallery__tab img{width:46px;height:44px;flex-basis:46px}}
@media(max-width:359px){.project-gallery__heading h2{font-size:28px}.project-gallery__count{margin-right:0}.project-gallery__controls{gap:5px}.project-gallery__controls button{width:38px}.project-gallery[data-enhanced=true] .project-gallery__stage{height:690px}.project-slide__panel h3{font-size:32px}}
@media(prefers-reduced-motion:reduce){.project-gallery *{transition:none!important}.project-gallery .project-slide__image{transform:none!important}}

@media(max-width:767px){.project-gallery[data-enhanced=true] .project-slide__panel{bottom:auto;min-height:var(--project-mobile-panel-height,400px)}}
