/* SIRTLANTECH / PORTFOLIO */
.portfolio-page .pf-main{display:block;width:100%;flex:1}
.portfolio-page .pf-container{width:min(100% - 48px,1120px);margin:0 auto}
.portfolio-page .pf-label{display:block;color:#ff6a00;font-size:11px;font-weight:700;letter-spacing:2px;text-align:left}
.portfolio-page .pf-section{padding:100px 0}
.portfolio-page .pf-heading{margin-bottom:48px}
.portfolio-page .pf-heading h2{color:#f5f5f5;font-size:clamp(2.4rem,5vw,4rem);letter-spacing:-1.5px;line-height:1.15;text-align:left;margin:18px 0}
.portfolio-page .pf-heading h2 span{color:#ff6a00}
.portfolio-page .pf-heading p{color:#aaa;max-width:620px;font-size:15px;line-height:1.9;text-align:left}
.portfolio-page .pf-text-link{display:inline-block;color:#ff6a00;font-size:14px;font-weight:700;border-bottom:1px solid #ff6a00;padding-bottom:5px;text-decoration:none;transition:color .2s,border-color .2s}
.portfolio-page .pf-text-link:hover{color:#fff;border-color:#fff}
/* HERO */
.portfolio-page .pf-hero{padding:110px 0 90px;border-bottom:1px solid #303030}
.portfolio-page .pf-hero h1{color:#fff;font-size:clamp(3.2rem,7vw,6.4rem);line-height:1.1;letter-spacing:-2.5px;text-align:left;margin:25px 0 40px}
.portfolio-page .pf-hero h1 span{color:#ff6a00}
.portfolio-page .pf-hero-bottom{display:flex;align-items:end;justify-content:space-between;gap:35px}
.portfolio-page .pf-hero-bottom p{max-width:600px;color:#aaa;font-size:16px;line-height:1.9;text-align:left}
/* ÖNE ÇIKAN PROJELER */
.portfolio-page .pf-feature{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:65px;align-items:center;padding:65px 0;border-top:1px solid #303030}
.portfolio-page .pf-feature-reverse .pf-feature-info{order:2}
.portfolio-page .pf-feature-reverse .pf-art{order:1}
.portfolio-page .pf-project-type{display:block;color:#ff6a00;font-size:11px;font-weight:700;letter-spacing:1.5px;margin-bottom:20px;text-align:left}
.portfolio-page .pf-feature h3{color:#fff;font-size:clamp(2rem,3.5vw,3.2rem);line-height:1.18;letter-spacing:-1px;margin-bottom:23px;text-align:left}
.portfolio-page .pf-feature-info p{color:#aaa;font-size:15px;line-height:1.9;text-align:left;margin-bottom:25px}
.portfolio-page .pf-tags{display:flex;flex-wrap:wrap;gap:8px;margin-bottom:28px}
.portfolio-page .pf-tags span{color:#bbb;font-size:11px;border:1px solid #3a3a3a;padding:6px 10px}
/* EKRAN GÖRÜNTÜLERİ */
.portfolio-page .pf-art{position:relative;min-width:0;width:100%;overflow:hidden;background:#151515;border:1px solid #343434}
.portfolio-page .pf-art-image{display:flex;align-items:center;justify-content:center;aspect-ratio:16/10;padding:0}
.portfolio-page .pf-art-image img{display:block;width:100%;height:100%;object-fit:contain;object-position:center;transition:transform .35s ease}
.portfolio-page .pf-art-image:hover img{transform:scale(1.025)}
/* DİĞER ÇALIŞMALAR */
.portfolio-page .pf-catalog-section{background:#151515;border-top:1px solid #303030}
.portfolio-page .pf-catalog{border-top:1px solid #383838}
.portfolio-page .pf-catalog-item{display:grid;grid-template-columns:65px minmax(0,1fr) auto;align-items:center;column-gap:20px;position:relative;border-bottom:1px solid #383838;padding:25px 40px 25px 10px;transition:background .2s}
.portfolio-page .pf-catalog-item:hover,.portfolio-page .pf-catalog-item.is-open{background:#1d1d1d}
.portfolio-page .pf-catalog-item[role="button"]{cursor:pointer}
.portfolio-page .pf-catalog-item:focus-visible{outline:2px solid #ff6a00;outline-offset:-2px}
.portfolio-page .pf-index{font-size:12px;color:#ff6a00;font-weight:700;text-align:left}
.portfolio-page .pf-catalog-item h3{color:#f5f5f5;font-size:clamp(16px,2vw,21px);font-weight:600;text-align:left;margin-bottom:8px;line-height:1.35}
.portfolio-page .pf-catalog-item p{color:#999;font-size:13px;line-height:1.65;text-align:left}
.portfolio-page .pf-category{color:#888;font-size:10px;letter-spacing:1px;text-align:right;white-space:nowrap}
.portfolio-page .pf-catalog-item[role="button"]::after{content:'+';position:absolute;right:12px;top:24px;font-size:24px;color:#ff6a00}
.portfolio-page .pf-catalog-item.is-open::after{content:'−'}
.portfolio-page .pf-catalog-detail{grid-column:2/-1;padding:20px 0 6px;border-top:1px solid #383838;margin-top:20px;text-align:left}
.portfolio-page .pf-catalog-detail[hidden]{display:none!important}
.portfolio-page .pf-catalog-detail ul{list-style:none;margin:0 0 24px;padding:0}
.portfolio-page .pf-catalog-detail li{color:#bbb;font-size:14px;text-align:left;padding:7px 0}
.portfolio-page .pf-catalog-detail li::before{content:'↗';color:#ff6a00;margin-right:12px}
/* İŞ BİRLİKLERİ */
.portfolio-page .pf-partners-section{border-top:1px solid #303030}
.portfolio-page .pf-partners{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}
.portfolio-page .pf-partner{display:flex;align-items:center;gap:18px;min-width:0;padding:23px;border:1px solid #363636;background:#181818;text-decoration:none;transition:border-color .2s,background .2s}
.portfolio-page .pf-partner:hover{border-color:#ff6a00;background:#202020}
.portfolio-page .pf-partner img{width:64px;height:64px;object-fit:contain;flex-shrink:0}
.portfolio-page .pf-partner div{flex:1;min-width:0}
.portfolio-page .pf-partner h3{color:#f5f5f5;font-size:17px;text-align:left;margin-bottom:7px}
.portfolio-page .pf-partner p{color:#999;font-size:12px;text-align:left;line-height:1.5}
.portfolio-page .pf-partner>span{color:#ff6a00;font-size:23px}
/* İLETİŞİM CTA */
.portfolio-page .pf-contact{padding:100px 0 110px;border-top:1px solid #303030}
.portfolio-page .pf-contact h2{color:#fff;font-size:clamp(2.8rem,6vw,5.5rem);line-height:1.12;letter-spacing:-2px;text-align:left;margin:24px 0}
.portfolio-page .pf-contact h2 span{color:#ff6a00}
.portfolio-page .pf-contact p{color:#aaa;font-size:15px;line-height:1.8;text-align:left;margin-bottom:30px}
.portfolio-page .pf-cta{display:inline-flex;align-items:center;justify-content:center;gap:10px;background:#ff6a00;color:#111;font-size:14px;font-weight:700;padding:15px 25px;text-decoration:none;border:1px solid #ff6a00;transition:background .2s,color .2s}
.portfolio-page .pf-cta:hover{background:transparent;color:#ff6a00}
.portfolio-page .pf-catalog-detail .pf-cta{padding:12px 20px;font-size:13px}
@media(max-width:850px){
 .portfolio-page .pf-container{width:min(100% - 32px,1120px)}
 .portfolio-page .pf-section{padding:65px 0}
 .portfolio-page .pf-hero{padding:75px 0 65px}
 .portfolio-page .pf-hero-bottom{flex-direction:column;align-items:flex-start;gap:24px}
 .portfolio-page .pf-feature{grid-template-columns:1fr;gap:28px;padding:45px 0}
 .portfolio-page .pf-feature-reverse .pf-feature-info,.portfolio-page .pf-feature-reverse .pf-art{order:initial}
 .portfolio-page .pf-feature h3{font-size:clamp(1.8rem,7vw,2.6rem)}
 .portfolio-page .pf-partners{grid-template-columns:1fr}
 .portfolio-page .pf-contact{padding:70px 0 80px}
}
@media(max-width:600px){
 .portfolio-page .pf-hero h1{font-size:clamp(2.9rem,11vw,4.5rem);letter-spacing:-1.5px}
 .portfolio-page .pf-heading{margin-bottom:32px}
 .portfolio-page .pf-catalog-item{grid-template-columns:36px minmax(0,1fr);column-gap:12px;row-gap:8px;padding:20px 35px 20px 8px}
 .portfolio-page .pf-category{grid-column:2;justify-self:start;text-align:left;white-space:normal}
 .portfolio-page .pf-catalog-detail{grid-column:1/-1;margin-top:10px}
 .portfolio-page .pf-partner{padding:16px;gap:14px}
 .portfolio-page .pf-partner img{width:54px;height:54px}
 .portfolio-page .pf-contact h2{letter-spacing:-1px}
}