/* HardBoxIran v3.20 — Portfolio / Gallery */
#portfolio.hbi-portfolio-gallery{position:relative;padding:58px 0 46px;overflow:hidden;background:linear-gradient(155deg,#101114 0,#07080a 58%,#030304 100%);color:#fff}
#portfolio.hbi-portfolio-gallery:before{content:"";position:absolute;inset:0;background:radial-gradient(circle at 18% 14%,rgba(165,22,45,.16),transparent 30%),linear-gradient(90deg,transparent 49.9%,rgba(184,149,80,.06) 50%,transparent 50.1%);pointer-events:none}
#portfolio .portfolio__inner{position:relative;z-index:1}
#portfolio .portfolio__header{margin-bottom:18px}
#portfolio .hbi-portfolio-kicker{display:block;margin-bottom:8px;color:#c8a45d;font:800 10px/1.2 Arial,sans-serif;letter-spacing:.18em}
#portfolio .portfolio__header h2{margin:0;color:#fff;font-size:clamp(28px,3vw,42px);letter-spacing:-.045em}
#portfolio .portfolio__header p{max-width:600px;margin:8px auto 0;color:#aaa7aa;font-size:12px;line-height:1.9}
#portfolio .hbi-coverflow__viewport{height:356px;perspective:1400px;perspective-origin:50% 45%}
#portfolio .hbi-coverflow__slide{width:min(30vw,350px);height:306px;margin-left:max(-15vw,-175px);border-radius:18px;border:1px solid rgba(255,255,255,.13);box-shadow:0 26px 58px rgba(0,0,0,.52);background:#101113}
#portfolio .hbi-coverflow__slide img{object-fit:cover;transition:transform .42s ease,filter .42s ease}
#portfolio .hbi-coverflow__slide.is-active img{transform:scale(1.018)}
#portfolio .hbi-coverflow__shade{background:linear-gradient(180deg,transparent 58%,rgba(0,0,0,.54) 100%)}
#portfolio .hbi-portfolio-badge{position:absolute;right:12px;bottom:12px;z-index:3;max-width:70%;padding:6px 9px;border:1px solid rgba(255,255,255,.15);border-radius:999px;background:rgba(8,9,11,.72);color:#eee;font-size:9px;font-weight:800;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;backdrop-filter:blur(5px)}
#portfolio .hbi-coverflow__nav{top:130px;width:40px;height:40px;background:rgba(9,10,12,.88);border-color:rgba(255,255,255,.15);backdrop-filter:none}
#portfolio .hbi-coverflow__nav:hover,#portfolio .hbi-coverflow__nav:focus-visible{background:#a5162d;color:#fff;border-color:#a5162d}
#portfolio .hbi-coverflow__caption{margin:-24px auto 0;min-height:128px}
#portfolio .hbi-coverflow__caption h3{font-size:clamp(20px,2.2vw,27px);margin-bottom:5px}
#portfolio .hbi-coverflow__caption p{max-width:560px;margin-bottom:10px;color:#a9a7aa;font-size:11px;line-height:1.75;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}
#portfolio .hbi-coverflow__caption>a{min-height:36px;padding:0 16px;border-color:#b89550;color:#e5c477;background:transparent}
#portfolio .portfolio__cta{margin-top:0;min-height:38px;padding:0 18px;border:1px solid rgba(255,255,255,.19);background:transparent;color:#fff}
#portfolio .portfolio__cta:hover,#portfolio .portfolio__cta:focus-visible{background:#a5162d;border-color:#a5162d}
.hbi-portfolio-lightbox[hidden]{display:none!important}.hbi-portfolio-lightbox{position:fixed;z-index:10000;inset:0;display:grid;place-items:center;padding:24px;background:rgba(2,3,4,.94);backdrop-filter:blur(5px)}
.hbi-portfolio-lightbox figure{margin:0;width:min(1020px,calc(100vw - 110px));max-height:calc(100vh - 70px);display:grid;grid-template-rows:minmax(0,1fr) auto;gap:10px}
.hbi-portfolio-lightbox figure img{display:block;width:100%;max-height:calc(100vh - 150px);object-fit:contain;border-radius:14px;background:#0a0b0d}
.hbi-portfolio-lightbox figcaption{display:flex;align-items:baseline;justify-content:space-between;gap:20px;color:#fff}.hbi-portfolio-lightbox figcaption strong{font-size:15px}.hbi-portfolio-lightbox figcaption span{color:#aaa7aa;font-size:11px;max-width:65%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.hbi-portfolio-lightbox__close,.hbi-portfolio-lightbox__nav{position:absolute;border:1px solid rgba(255,255,255,.18);background:rgba(12,13,15,.8);color:#fff;cursor:pointer}.hbi-portfolio-lightbox__close{top:18px;left:18px;width:42px;height:42px;border-radius:50%;font-size:25px}.hbi-portfolio-lightbox__nav{top:50%;width:44px;height:54px;margin-top:-27px;border-radius:12px;font-size:30px}.hbi-portfolio-lightbox__nav--prev{right:18px}.hbi-portfolio-lightbox__nav--next{left:18px}.hbi-portfolio-lightbox__close:focus-visible,.hbi-portfolio-lightbox__nav:focus-visible{outline:2px solid #c8a45d;outline-offset:3px}
body.hbi-lightbox-open{overflow:hidden}
@media(max-width:900px){#portfolio .hbi-coverflow__viewport{height:326px}#portfolio .hbi-coverflow__slide{width:min(44vw,320px);height:280px;margin-left:max(-22vw,-160px)}#portfolio .hbi-coverflow__nav{top:118px}}
@media(max-width:600px){#portfolio.hbi-portfolio-gallery{padding:42px 0 34px}#portfolio .portfolio__header{margin-bottom:12px;padding:0 20px}#portfolio .hbi-portfolio-kicker{font-size:8px;margin-bottom:6px}#portfolio .portfolio__header h2{font-size:26px}#portfolio .portfolio__header p{font-size:10.5px;line-height:1.7}#portfolio .hbi-coverflow__viewport{height:258px}#portfolio .hbi-coverflow__slide{width:60vw;height:224px;margin-left:-30vw;border-radius:14px}#portfolio .hbi-portfolio-badge{right:8px;bottom:8px;font-size:8px;padding:5px 7px}#portfolio .hbi-coverflow__caption{margin-top:-12px;min-height:115px;width:calc(100% - 28px)}#portfolio .hbi-coverflow__caption h3{font-size:19px}#portfolio .hbi-coverflow__caption p{font-size:10px;line-height:1.65;margin-bottom:8px}#portfolio .hbi-coverflow__dots{margin-top:8px}#portfolio .portfolio__cta{font-size:11px}.hbi-portfolio-lightbox{padding:12px}.hbi-portfolio-lightbox figure{width:calc(100vw - 24px);max-height:calc(100vh - 90px)}.hbi-portfolio-lightbox figure img{max-height:calc(100vh - 175px);border-radius:10px}.hbi-portfolio-lightbox figcaption{display:block;padding:0 5px}.hbi-portfolio-lightbox figcaption strong{display:block;font-size:13px;margin-bottom:3px}.hbi-portfolio-lightbox figcaption span{display:block;max-width:100%;font-size:10px;white-space:normal}.hbi-portfolio-lightbox__close{top:10px;left:10px;width:38px;height:38px}.hbi-portfolio-lightbox__nav{width:38px;height:48px;background:rgba(12,13,15,.72)}.hbi-portfolio-lightbox__nav--prev{right:8px}.hbi-portfolio-lightbox__nav--next{left:8px}}
@media(prefers-reduced-motion:reduce){#portfolio .hbi-coverflow__slide img{transition:none}.hbi-portfolio-lightbox{backdrop-filter:none}}