.portfolio-hero{background:#050505;justify-content:center;align-items:center;min-height:80vh;padding:140px 8%;display:flex;position:relative;overflow:hidden}.portfolio-overlay{background:radial-gradient(circle at 100% 0,#d4af3714,#0000 35%),linear-gradient(#00000040,#000000e0);position:absolute;inset:0}.portfolio-content{z-index:2;text-align:center;max-width:900px;margin:auto;position:relative}.portfolio-content p:first-child{color:#d4af37;letter-spacing:4px;margin-bottom:18px;font-size:14px}.portfolio-content h1{margin-bottom:25px;font-size:clamp(3rem,7vw,6rem);line-height:1.1}.portfolio-content span{color:#d4af37}.portfolio-description{color:#cfcfcf;max-width:760px;margin:0 auto;font-size:20px;line-height:1.9}.portfolio-buttons{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;width:100%;margin-top:45px;display:flex}.portfolio-buttons .gold-btn,.portfolio-buttons .outline-btn{border-radius:50px;justify-content:center;align-items:center;padding:16px 35px;font-weight:600;text-decoration:none;transition:all .35s;display:inline-flex}.portfolio-buttons .gold-btn{color:#111;background:#d4af37}.portfolio-buttons .gold-btn:hover{transform:translateY(-4px);box-shadow:0 15px 35px #d4af3759}.portfolio-buttons .outline-btn{color:#fff;border:1px solid #d4af37}.portfolio-buttons .outline-btn:hover{color:#111;background:#d4af37;transform:translateY(-4px)}@media (width<=768px){.portfolio-buttons{flex-direction:column}.portfolio-buttons .gold-btn,.portfolio-buttons .outline-btn{width:100%}}.portfolio-hero.portfolio-ar{direction:rtl}.portfolio-hero.portfolio-ar .portfolio-content{text-align:right}.portfolio-hero.portfolio-ar .portfolio-buttons{justify-content:flex-end}