.lumar-portfolio{
--lumar-bg:#f5f5f3;
--lumar-text:#464646;
--lumar-line:#707070;
--lumar-active:#6f6f6f;
--lumar-overlay:rgba(0,0,0,.28);
width:100%;max-width:1180px;margin:0 auto;padding:18px 24px 42px;color:var(--lumar-text);font-family:Arial,Helvetica,sans-serif;box-sizing:border-box;
}
.lumar-portfolio *{box-sizing:border-box}.lumar-portfolio button{font:inherit}.lumar-portfolio-head{display:grid;grid-template-columns:1fr auto;gap:60px;align-items:end;margin-bottom:78px}.lumar-portfolio-title{font-size:40px;line-height:1;font-weight:300;margin:0 0 24px;color:inherit}.lumar-portfolio-intro{width:min(460px,100%);margin:0;font-size:17px;line-height:1.45}.lumar-filters{display:grid;grid-auto-flow:column;grid-auto-columns:minmax(136px,auto);border:1px solid var(--lumar-line)}.lumar-filter-btn{border:0;border-right:1px solid var(--lumar-line);background:transparent;color:var(--lumar-text);text-transform:uppercase;padding:6px 16px;cursor:pointer;transition:.2s ease;white-space:nowrap}.lumar-filter-btn:last-child{border-right:0}.lumar-filter-btn:hover,.lumar-filter-btn.active{background:var(--lumar-active);color:#fff}.lumar-projects-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:46px 32px}.lumar-project-card{min-width:0}.lumar-project-card[hidden]{display:none}.lumar-project-title{font-size:26px;line-height:1.15;font-weight:300;margin:0 0 13px;color:inherit}.lumar-project-media{position:relative;aspect-ratio:1.53/1;overflow:hidden;background:#ddd}.lumar-project-media img{width:100%;height:100%;object-fit:cover;display:block;transition:transform .45s ease}.lumar-project-card:hover .lumar-project-media img{transform:scale(1.02)}.lumar-no-image{width:100%;height:100%;display:grid;place-items:center;background:#ddd;color:#777}.lumar-open-modal{position:absolute;right:15px;top:24px;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);background:rgba(88,111,128,.5);cursor:pointer}.lumar-open-modal:before,.lumar-open-modal:after{content:"";position:absolute;left:50%;top:50%;background:#fff;opacity:.8;transform:translate(-50%,-50%)}.lumar-open-modal:before{width:25px;height:1px}.lumar-open-modal:after{width:1px;height:25px}.lumar-project-meta{display:grid;grid-template-columns:1.1fr 1.15fr .9fr;margin:12px 8px 0;border-bottom:1px solid var(--lumar-line)}.lumar-meta-item{padding:0 16px 9px;border-right:1px solid var(--lumar-line);min-width:0}.lumar-meta-item:first-child{padding-left:8px}.lumar-meta-item:last-child{border-right:0}.lumar-meta-label{font-size:14px;text-transform:uppercase;margin-bottom:4px}.lumar-meta-value{font-size:17px;overflow-wrap:anywhere}.lumar-empty{grid-column:1/-1;padding:60px 0;text-align:center;display:none}.lumar-no-projects{grid-column:1/-1}.lumar-modal-backdrop{position:fixed;inset:0;background:var(--lumar-overlay);display:none;align-items:center;justify-content:center;padding:34px 18px;z-index:999999}.lumar-modal-backdrop.open{display:flex}.lumar-project-modal{width:min(930px,100%);max-height:calc(100vh - 68px);overflow:auto;background:var(--lumar-bg);box-shadow:0 18px 45px rgba(0,0,0,.24);animation:lumarModalIn .22s ease-out;color:var(--lumar-text)}@keyframes lumarModalIn{from{opacity:0;transform:translateY(8px) scale(.99)}to{opacity:1;transform:none}}.lumar-modal-image{position:relative;height:min(48vw,440px);min-height:280px;background:#ccc}.lumar-modal-image img{width:100%;height:100%;object-fit:cover;display:block}.lumar-close-modal{position:absolute;right:24px;top:24px;width:48px;height:48px;border:1px solid rgba(255,255,255,.35);background:rgba(88,111,128,.52);cursor:pointer}.lumar-close-modal:before,.lumar-close-modal:after{content:"";position:absolute;left:50%;top:50%;width:26px;height:1px;background:#fff}.lumar-close-modal:before{transform:translate(-50%,-50%) rotate(45deg)}.lumar-close-modal:after{transform:translate(-50%,-50%) rotate(-45deg)}.lumar-slider-controls{position:absolute;left:50%;bottom:35px;transform:translateX(-50%);display:flex;align-items:center;gap:10px}.lumar-slider-controls[hidden]{display:none}.lumar-slider-arrow{border:0;background:transparent;color:#fff;font-size:28px;line-height:1;cursor:pointer;padding:3px 7px}.lumar-dots{display:flex;align-items:center;gap:8px}.lumar-dot{width:12px;height:12px;border:0;border-radius:50%;background:#fff;opacity:.95;padding:0;cursor:pointer}.lumar-dot.active{width:24px;border-radius:10px}.lumar-modal-info{padding:10px 18px 18px}.lumar-modal-toprow{display:grid;grid-template-columns:1fr auto;align-items:center;gap:20px;border-bottom:1px solid var(--lumar-line);padding:0 0 4px}.lumar-modal-title{font-size:28px;font-weight:300;margin:5px 0 12px;color:inherit}.lumar-modal-meta{display:grid;grid-template-columns:repeat(3,1fr);min-width:400px}.lumar-modal-meta .lumar-meta-item{padding-top:2px}.lumar-modal-bottom{display:grid;grid-template-columns:1fr 200px;gap:28px;align-items:end;padding:12px 0 6px}.lumar-modal-description{margin:0;font-size:18px;line-height:1.4}.lumar-maps-btn{display:block;text-align:center;text-decoration:none!important;color:var(--lumar-text)!important;border:1px solid var(--lumar-line);padding:5px 10px;text-transform:uppercase;font-size:14px}.lumar-modal-open{overflow:hidden}
@media(max-width:900px){.lumar-portfolio-head{grid-template-columns:1fr;gap:24px;margin-bottom:54px}.lumar-filters{grid-auto-flow:column;grid-auto-columns:1fr;width:100%;overflow-x:auto}.lumar-projects-grid{grid-template-columns:1fr}.lumar-modal-toprow{grid-template-columns:1fr}.lumar-modal-meta{min-width:0}}
@media(max-width:600px){.lumar-portfolio{padding:14px 5px 28px}.lumar-portfolio-title{font-size:39px}.lumar-portfolio-intro{font-size:17px}.lumar-portfolio-head{margin-bottom:52px}.lumar-filters{font-size:14px}.lumar-filter-btn{padding:6px 10px}.lumar-project-title{font-size:26px}.lumar-project-meta{margin-left:8px;margin-right:8px}.lumar-meta-item{padding-left:12px;padding-right:12px}.lumar-meta-label{font-size:14px}.lumar-meta-value{font-size:17px}.lumar-modal-backdrop{padding:10px}.lumar-project-modal{max-height:calc(100vh - 20px)}.lumar-modal-image{height:48vh;min-height:260px}.lumar-modal-meta{grid-template-columns:repeat(3,1fr)}.lumar-modal-meta .lumar-meta-item{padding-left:8px;padding-right:8px}.lumar-modal-bottom{grid-template-columns:1fr}} .lumar-project-card.lumar-reveal-pending .lumar-project-media{
background:transparent;
}
.lumar-project-card.lumar-reveal-pending .lumar-project-media img{
clip-path:inset(0 100% 0 0);
opacity:.08;
transform:scale(1.012);
transform-origin:left center;
will-change:clip-path,opacity,transform;
}
.lumar-project-card.lumar-reveal-pending .lumar-open-modal{
opacity:0;
transform:translateX(44px);
will-change:opacity,transform;
}
.lumar-project-card.lumar-reveal-pending.lumar-reveal-visible .lumar-project-media img{
clip-path:inset(0 0 0 0);
opacity:1;
transform:scale(1);
transition:clip-path 1.05s cubic-bezier(.22,.61,.36,1),opacity .9s ease,transform 1.05s cubic-bezier(.22,.61,.36,1);
transition-delay:var(--lumar-reveal-delay,0ms);
}
.lumar-project-card.lumar-reveal-pending.lumar-reveal-visible .lumar-open-modal{
opacity:1;
transform:translateX(0);
transition:opacity .55s ease,transform .7s cubic-bezier(.22,.61,.36,1);
transition-delay:calc(var(--lumar-reveal-delay,0ms) + 430ms);
}
@media (prefers-reduced-motion: reduce){
.lumar-project-card.lumar-reveal-pending .lumar-project-media img,
.lumar-project-card.lumar-reveal-pending .lumar-open-modal,
.lumar-project-card.lumar-reveal-pending.lumar-reveal-visible .lumar-project-media img,
.lumar-project-card.lumar-reveal-pending.lumar-reveal-visible .lumar-open-modal{
clip-path:none;
opacity:1;
transform:none;
transition:none;
}
}