.proj-hero{background-color:var(--color-primary-dark);padding:140px 0 80px}.proj-hero__inner{max-width:640px}.proj-hero__label{display:block;font-family:var(--font-body);font-size:var(--text-label);font-weight:700;letter-spacing:.12em;text-transform:uppercase;color:var(--color-accent-gold);margin-bottom:var(--sp-3)}.proj-hero__title{font-family:var(--font-display);font-size:clamp(36px,5vw,56px);font-weight:400;line-height:var(--lh-heading);color:var(--color-text-on-dark);margin-bottom:var(--sp-4)}.proj-hero__em{font-style:italic;color:var(--color-accent-gold)}.proj-hero__sub{font-size:var(--text-body-lg);line-height:var(--lh-body);color:rgba(250,248,245,.72);max-width:52ch}.proj-grid-section{background-color:var(--color-bg-warm)}.proj-tabs{display:flex;margin-bottom:var(--sp-7);padding-bottom:var(--sp-4);border-bottom:1px solid var(--color-divider);flex-wrap:wrap}.proj-tab,.proj-tabs{align-items:center;gap:var(--sp-2)}.proj-tab{display:inline-flex;padding:10px 20px;border:1px solid var(--color-divider);border-radius:var(--radius-full);background:transparent;font-family:var(--font-body);font-size:var(--text-body-sm);font-weight:500;color:var(--color-text-secondary);cursor:pointer;transition:color var(--t-base) var(--ease-base),border-color var(--t-base) var(--ease-base),background var(--t-base) var(--ease-base)}.proj-tab:hover{color:var(--color-primary-dark)}.proj-tab--active,.proj-tab:hover{border-color:var(--color-primary-dark)}.proj-tab--active{background-color:var(--color-primary-dark);color:var(--color-text-on-dark)}.proj-tab--active .proj-tab__count{background:rgba(196,162,101,.25);color:var(--color-accent-gold)}.proj-tab__count{display:inline-flex;align-items:center;justify-content:center;min-width:22px;height:20px;padding:0 6px;border-radius:var(--radius-full);background:var(--color-bg-cream);font-size:11px;font-weight:700;color:var(--color-text-secondary);transition:background var(--t-base),color var(--t-base)}.proj-grid,.proj-skeleton-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px}.proj-skeleton{height:380px;border-radius:var(--radius-md)}.proj-card{display:flex;flex-direction:column;overflow:hidden;transition:transform var(--t-base) var(--ease-out)}.proj-card:hover{transform:translateY(-4px)}.proj-card__img-wrap{position:relative;width:100%;padding-top:66%;overflow:hidden;background-color:var(--color-bg-cream);flex-shrink:0}.proj-card__img-wrap img{transition:transform .6s var(--ease-out)}.proj-card:hover .proj-card__img-wrap img{transform:scale(1.04)}.proj-card__overlay{position:absolute;inset:0;background:linear-gradient(0deg,rgba(26,26,26,.55) 0,transparent 55%);opacity:0;transition:opacity var(--t-base) var(--ease-base);z-index:var(--z-raised)}.proj-card:hover .proj-card__overlay{opacity:1}.proj-card__badge{position:absolute;top:14px;left:14px;z-index:calc(var(--z-raised) + 1)}.proj-card__body{flex:1;display:flex;flex-direction:column;padding:var(--sp-4) var(--sp-4) var(--sp-4)}.proj-card__meta{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-2);margin-bottom:var(--sp-2)}.proj-card__location{display:inline-flex;align-items:center;gap:5px;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.proj-card__area,.proj-card__location{font-size:var(--text-caption);font-weight:500}.proj-card__area{color:var(--color-accent-gold);letter-spacing:.03em}.proj-card__title{font-family:var(--font-display);font-size:clamp(18px,1.8vw,22px);font-weight:400;line-height:1.25;color:var(--color-primary-dark);margin-bottom:var(--sp-2)}.proj-card__desc{font-size:var(--text-body-sm);line-height:var(--lh-body);color:var(--color-text-secondary);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;max-width:none}.proj-card__desc,.proj-card__progress{margin-bottom:var(--sp-3)}.proj-card__progress-label{display:block;font-size:11px;font-weight:600;color:var(--color-text-secondary);margin-top:5px;letter-spacing:.04em}.proj-card__cta{margin-top:auto}.proj-empty,.proj-error{grid-column:1/-1;text-align:center;padding:var(--sp-9) var(--sp-4);color:var(--color-text-secondary)}.proj-empty .btn-text,.proj-error a{color:var(--color-accent-gold);font-weight:500}.proj-cta-bar{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-4);margin-top:var(--sp-9);padding-top:var(--sp-6);border-top:1px solid var(--color-divider);flex-wrap:wrap}.proj-cta-bar__text{font-size:var(--text-body-lg);font-weight:500;color:var(--color-text-primary);max-width:40ch}.proj-cta-bar__actions{display:flex;align-items:center;gap:var(--sp-5);flex-shrink:0}.proj-cta-bar__phone{display:inline-flex;align-items:center;gap:6px}.proj-modal-overlay{position:fixed;inset:0;z-index:1000;background:rgba(28,28,28,.82);display:flex;align-items:center;justify-content:center;padding:var(--sp-4);backdrop-filter:blur(3px)}.proj-modal{position:relative;background:var(--color-bg-warm);border-radius:var(--radius-md);width:100%;max-width:760px;max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px rgba(0,0,0,.35)}.proj-modal__close{position:absolute;top:14px;right:14px;z-index:10;width:36px;height:36px;border-radius:var(--radius-full);background:rgba(28,28,28,.65);border:none;color:#FAFAF7;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background var(--t-base) var(--ease-base)}.proj-modal__close:hover{background:rgba(28,28,28,.9)}.proj-modal__img-wrap{position:relative;width:100%;padding-top:56.25%;overflow:hidden;background-color:var(--color-bg-cream);border-radius:var(--radius-md) var(--radius-md) 0 0;flex-shrink:0}.proj-modal__badge{position:absolute;top:14px;left:14px;z-index:2}.proj-modal__body{padding:var(--sp-6) var(--sp-7) var(--sp-7)}.proj-modal__meta{display:flex;align-items:center;gap:var(--sp-4);margin-bottom:var(--sp-3)}.proj-modal__location{display:inline-flex;align-items:center;gap:5px;font-size:var(--text-caption);font-weight:500;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.06em}.proj-modal__area{font-size:var(--text-caption);font-weight:600;color:var(--color-accent-gold);letter-spacing:.03em}.proj-modal__title{font-family:var(--font-display);font-size:clamp(24px,3vw,32px);font-weight:400;line-height:1.2;color:var(--color-primary-dark);margin-bottom:var(--sp-4)}.proj-modal__desc{font-size:var(--text-body);line-height:var(--lh-body);color:var(--color-text-body);max-width:60ch}.proj-modal__desc,.proj-modal__progress{margin-bottom:var(--sp-5)}.proj-modal__actions{display:flex;align-items:center;gap:var(--sp-5);padding-top:var(--sp-4);border-top:1px solid var(--color-divider);flex-wrap:wrap}@media (max-width:1023px){.proj-hero{padding:120px 0 64px}.proj-grid,.proj-skeleton-grid{grid-template-columns:repeat(2,1fr);gap:24px}}@media (max-width:767px){.proj-hero{padding:100px 0 48px}.proj-hero__title{font-size:clamp(32px,8vw,40px)}.proj-grid,.proj-skeleton-grid{grid-template-columns:1fr;gap:20px}.proj-skeleton{height:320px}.proj-cta-bar,.proj-cta-bar__actions{flex-direction:column;align-items:flex-start}.proj-cta-bar__actions{width:100%}.proj-modal__body{padding:var(--sp-5) var(--sp-5) var(--sp-6)}.proj-modal__title{font-size:clamp(22px,5vw,28px)}.proj-cta-bar__actions{gap:var(--sp-4)}}