/* LuckyWeb portfolio archive and project pages */
.lw-portfolio-main{min-height:65vh;background:var(--lw-paper);color:var(--lw-ink)}
.lw-portfolio-wrap{width:min(1160px,calc(100% - 64px));margin-inline:auto}
.lw-portfolio-hero{padding:80px 0 66px;background:var(--lw-paper)}
.lw-portfolio-eyebrow{display:inline-block;color:#846e5b;font-size:11px;font-weight:650;letter-spacing:.18em;text-transform:uppercase}
.lw-portfolio-hero h1,.lw-portfolio-detail-head h1{margin:22px 0 18px;font-family:var(--lw-serif,Georgia,serif);font-size:clamp(48px,7vw,82px);font-weight:500;line-height:.99;letter-spacing:-.055em}
.lw-portfolio-hero h1 em{color:var(--lw-coral);font-style:normal}
.lw-portfolio-hero p{max-width:600px;color:var(--lw-copy);font-size:17px;line-height:1.7}
.lw-portfolio-list{padding:66px 0 112px;background:var(--lw-paper-soft)}
.lw-portfolio-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px}
.lw-portfolio-card{min-width:0;overflow:hidden;border:1px solid var(--lw-rule);border-radius:18px;background:#fff8eb;box-shadow:0 14px 34px rgba(61,42,32,.07);animation:lwPortfolioEnter .65s cubic-bezier(.2,.7,.2,1) both;transition:transform .3s ease,box-shadow .3s ease}
.lw-portfolio-card:nth-child(2){animation-delay:.1s}.lw-portfolio-card:nth-child(3){animation-delay:.2s}.lw-portfolio-card:nth-child(4){animation-delay:.3s}
.lw-portfolio-card:hover{transform:translateY(-5px);box-shadow:0 22px 42px rgba(61,42,32,.13)}
.lw-portfolio-image{display:flex;aspect-ratio:16/10;overflow:hidden;align-items:flex-start;justify-content:center;background:#e8d7ba}
.lw-portfolio-image img{display:block;width:100%;height:100%;object-fit:cover;object-position:top center;transition:transform .6s ease}
.lw-portfolio-card:hover .lw-portfolio-image img{transform:scale(1.025)}
.lw-portfolio-placeholder{width:100%;height:100%;padding:28px;display:flex;flex-direction:column;justify-content:space-between;background:radial-gradient(ellipse at 80% 75%,rgba(217,79,89,.18),transparent 45%),linear-gradient(145deg,#fbf3e4,#ead8b9);color:var(--lw-ink)}
.lw-portfolio-placeholder span{font-size:10px;letter-spacing:.18em}.lw-portfolio-placeholder b{font:500 clamp(30px,4vw,54px)/1.05 var(--lw-serif,Georgia,serif)}
.lw-portfolio-card-body{padding:22px 25px 24px}
.lw-portfolio-card-top{display:flex;justify-content:space-between;align-items:center;gap:10px;flex-wrap:wrap}
.lw-portfolio-type{font-size:11px;font-weight:650;letter-spacing:.09em;text-transform:uppercase;color:#846e5b}
.lw-portfolio-demo{display:inline-flex;align-items:center;padding:5px 9px;border:1px solid rgba(217,79,89,.34);border-radius:99px;color:#994047;background:rgba(217,79,89,.07);font-size:10px;line-height:1.35}
.lw-portfolio-card h3{margin-top:11px;font-size:27px;line-height:1.15;letter-spacing:-.04em}
.lw-portfolio-card h3 a:hover,.lw-portfolio-details:hover,.lw-portfolio-back:hover{color:#ad454b}
.lw-portfolio-card-body>p{margin-top:9px;color:var(--lw-copy);font-size:14px;line-height:1.65}
.lw-portfolio-actions{display:flex;align-items:center;gap:18px;margin-top:19px}
.lw-portfolio-details,.lw-portfolio-live{color:var(--lw-coral);font-size:13px;font-weight:650}
.lw-portfolio-live{color:var(--lw-ink)}
.lw-portfolio-more{display:flex;justify-content:center;margin-top:34px}
.lw-portfolio-more a,.lw-portfolio-contact>a{display:inline-flex;align-items:center;gap:12px;padding:13px 21px;border:1px solid var(--lw-coral);border-radius:99px;background:var(--lw-coral);color:#251916;font-size:14px;font-weight:650;transition:transform .2s,background .2s}
.lw-portfolio-more a:hover,.lw-portfolio-contact>a:hover{transform:translateY(-2px);background:#ed7d79}
.lw-portfolio-empty{padding:24px;border:1px dashed var(--lw-rule);border-radius:12px;color:var(--lw-copy);text-align:center}
.lw-portfolio-filters{display:flex;flex-wrap:wrap;gap:9px;margin-bottom:30px}
.lw-portfolio-filters a{padding:9px 14px;border:1px solid var(--lw-rule);border-radius:99px;color:var(--lw-ink);font-size:13px}
.lw-portfolio-filters a.is-active,.lw-portfolio-filters a:hover{border-color:var(--lw-coral);background:var(--lw-coral)}
.lw-portfolio-detail{padding:50px 0 110px;background:var(--lw-paper-soft)}
.lw-portfolio-back{display:inline-block;margin-bottom:35px;color:var(--lw-copy);font-size:14px}
.lw-portfolio-detail-head{max-width:800px;padding-bottom:34px}
.lw-portfolio-detail-head .lw-portfolio-demo{margin-left:10px}
.lw-portfolio-detail-head h1{font-size:clamp(44px,6vw,72px)}
.lw-portfolio-lead{max-width:650px;color:var(--lw-copy);font-size:18px;line-height:1.7}
.lw-portfolio-live-primary{display:inline-flex;margin-top:22px;padding:13px 18px;border-radius:99px;background:var(--lw-coral);color:#251916}
.lw-portfolio-facts{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:18px;margin:0 0 34px}
.lw-portfolio-facts>section{padding:22px;border:1px solid var(--lw-rule);border-radius:14px;background:#fff8eb}
.lw-portfolio-facts>section>span{color:#846e5b;font-size:11px;font-weight:650;letter-spacing:.12em;text-transform:uppercase}
.lw-portfolio-facts p{margin-top:9px;color:var(--lw-copy);line-height:1.7}
.lw-portfolio-story{grid-column:1/-1}
.lw-portfolio-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:20px}
.lw-portfolio-gallery img{display:block;width:100%;max-width:none;height:auto;object-fit:contain;object-position:top;border:1px solid var(--lw-rule);border-radius:14px;background:#fff8eb}
.lw-portfolio-contact{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-top:45px;padding:30px;border-radius:16px;background:#432d22;color:#fff4e1}
.lw-portfolio-contact>p{font-family:var(--lw-serif,Georgia,serif);font-size:clamp(22px,3vw,34px)}
.lw-portfolio-contact>a{flex:none}
.lw-site .portfolio .elementor-widget-shortcode{width:100%;max-width:100%}
.lw-site .portfolio .lw-portfolio-grid{grid-template-columns:repeat(2,minmax(0,1fr))}
.lw-site .portfolio .lw-portfolio-more{margin-top:26px}
@keyframes lwPortfolioEnter{from{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}
@media(max-width:767px){
 .lw-portfolio-wrap{width:calc(100% - 40px)}
 .lw-portfolio-hero{padding:54px 0 42px}
 .lw-portfolio-hero h1{font-size:clamp(42px,12vw,60px);margin:17px 0 14px}
 .lw-portfolio-hero p{font-size:15px}
 .lw-portfolio-list{padding:38px 0 68px}
 .lw-portfolio-grid,.lw-site .portfolio .lw-portfolio-grid{grid-template-columns:minmax(0,1fr);gap:18px}
 .lw-portfolio-card{border-radius:14px}
 .lw-portfolio-card-body{padding:18px}
 .lw-portfolio-card h3{font-size:24px}
 .lw-portfolio-actions{flex-wrap:wrap;gap:13px 20px}
 .lw-portfolio-detail{padding:30px 0 72px}
 .lw-portfolio-back{margin-bottom:24px}
 .lw-portfolio-detail-head h1{font-size:clamp(40px,11vw,58px)}
 .lw-portfolio-lead{font-size:16px}
 .lw-portfolio-facts{grid-template-columns:minmax(0,1fr);gap:12px}
 .lw-portfolio-story{grid-column:auto}
 .lw-portfolio-contact{align-items:flex-start;flex-direction:column;padding:22px}
 .lw-portfolio-contact>a{min-height:46px}
}
@media(prefers-reduced-motion:reduce){.lw-portfolio-card,.lw-portfolio-card:hover,.lw-portfolio-image img,.lw-portfolio-more a,.lw-portfolio-contact>a{animation:none;transition:none;transform:none}}