/* Portfolio page — builds on style.css tokens */
.pf{max-width:1100px;margin:0 auto;padding:calc(78px + env(safe-area-inset-top,0px) + 44px) 4.4% 60px}
.pf-home{font-size:.78rem;padding:6px 0;border-bottom:2px solid transparent;white-space:nowrap}
.pf-home:hover{color:var(--c);border-color:var(--c)}
.pf-top{display:grid;grid-template-columns:minmax(0,290px) 1fr;gap:46px;align-items:center}
.pf-ph{aspect-ratio:4/5;border:1px solid var(--g);border-radius:10px;overflow:hidden;background:var(--e);box-shadow:0 0 40px rgba(198,161,91,.15)}
.pf-ph img{width:100%;height:100%;object-fit:cover;object-position:center}
.pf-top h1{font-size:clamp(1.9rem,4.4vw,3rem)}
.pf-tt{font:500 1.35rem var(--s);color:var(--c);letter-spacing:.14em;margin-top:6px}
[dir=rtl] .pf-tt{letter-spacing:0;font-family:var(--f);font-size:1.1rem}
.pf-tg{color:#cdbf9f;margin:14px 0 18px}
.pf-ab p{color:#eee6d8;max-width:620px;margin-bottom:10px}
.pf-btns{display:flex;gap:14px;flex-wrap:wrap;margin-top:22px}
.pf-st{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1px;margin:46px 0 10px;background:rgba(198,161,91,.25);border:1px solid rgba(198,161,91,.25);border-radius:10px;overflow:hidden}
.pf-st div{background:#110c09;padding:22px 14px;text-align:center}
.pf-st b{display:block;font:600 2.2rem/1 var(--s);color:var(--c)}
.pf-st small{color:#cdbf9f;font-size:.72rem;letter-spacing:.08em}
.pf-s{margin-top:54px}
.pf-s h2{font:600 1.7rem var(--s);color:var(--c);letter-spacing:.1em;text-transform:uppercase;display:flex;align-items:center;gap:16px;margin-bottom:24px}
[dir=rtl] .pf-s h2{letter-spacing:0;font-family:var(--f);font-size:1.4rem;text-transform:none}
.pf-s h2:after{content:"";flex:1;height:1px;background:linear-gradient(90deg,var(--g),transparent)}
[dir=rtl] .pf-s h2:after{background:linear-gradient(270deg,var(--g),transparent)}
.tl{border-inline-start:1px solid rgba(198,161,91,.4);padding-inline-start:26px;display:grid;gap:26px}
.ti{position:relative}
.ti:before{content:"";position:absolute;inset-inline-start:-31px;top:7px;width:9px;height:9px;border-radius:50%;background:var(--c);box-shadow:0 0 10px var(--c)}
.tp{font-size:.7rem;letter-spacing:.14em;color:var(--g)}
[dir=rtl] .tp{letter-spacing:0}
.ti h3{font:600 1.15rem var(--f);margin:2px 0}
.to{color:var(--c);font-size:.9rem}
.ti p{color:#d8cdb9;margin-top:6px;max-width:700px}
.pf-g{display:grid;grid-template-columns:repeat(auto-fill,minmax(250px,1fr));gap:16px}
.pf-c{display:block;padding:22px;border:1px solid rgba(198,161,91,.3);border-radius:10px;background:linear-gradient(160deg,#1b120d,#0f0a08);transition:.35s}
a.pf-c:hover{border-color:var(--c);transform:translateY(-3px);box-shadow:0 0 24px rgba(227,199,122,.2)}
.pf-c i{font-style:normal;font-size:.68rem;letter-spacing:.14em;color:var(--g)}
.pf-c h3{font:600 1.05rem/1.4 var(--f);margin:6px 0}
.pf-c p{font-size:.88rem;color:#cdbf9f}
.pf-ch{display:flex;flex-wrap:wrap;gap:10px}
.pf-ch span{padding:9px 16px;border:1px solid rgba(198,161,91,.4);border-radius:999px;font-size:.82rem;background:rgba(198,161,91,.06)}
.pf-ct{display:grid;gap:12px;color:#eee6d8}
.pf-ct a{color:var(--c)}
[dir=rtl] .pf-ct a[href^="tel:"]{justify-self:start;text-align:right}
@media(max-width:760px){.pf-top{grid-template-columns:1fr;gap:28px}.pf-ph{max-width:260px}.nb{height:70px}.logo small{display:none}}
@media print{nav,.pf-btns,#pf-fab,.wa{display:none}body{background:#fff;color:#111}.pf{padding-top:20px}.pf-c,.pf-st div{background:#fff;border-color:#bbb}.pf-s h2,.pf-top h1,.pf-tt,.to,.pf-st b{color:#7a5c1e}.ti p,.pf-c p,.pf-ab p,.pf-tg,.pf-st small{color:#222}}