@import url('https://fonts.googleapis.com/css2?family=Manrope:wght@300;400;500;600&display=swap');:root{--ink:#111313;--paper:#efede8;--line:#cfcec8}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.6 Manrope,Arial,sans-serif}a{color:inherit;text-decoration:none}header{height:105px;background:#0b0d0d;color:#eee;padding:14px 5%;display:flex;align-items:center;justify-content:space-between}.brand{text-align:center}.logo-crop{display:block;position:relative;width:68px;height:72px;overflow:hidden;margin:auto}.logo-crop img{position:absolute;width:139px;max-width:none;left:-37.6px;top:-30.4px}.brand small{display:block;font-size:7px;letter-spacing:.12em}nav{display:flex;align-items:center;gap:28px;font-size:13px}.cta,.button{border:1px solid #777;padding:12px 18px}.portfolio-hero{background:#111313;color:#efede8;padding:110px 7% 75px}.eyebrow{font-size:10px;letter-spacing:.23em;text-transform:uppercase}.portfolio-hero h1{font-size:clamp(65px,10vw,150px);font-weight:300;letter-spacing:-.065em;line-height:.9;margin:38px 0}.portfolio-hero>p:last-child{max-width:580px;color:#b9bbb6;font-size:17px}.portfolio{padding:70px 7%}.filter-group{border-top:1px solid var(--line);padding:20px 0;display:flex;gap:20px;align-items:flex-start}.filter-group strong{width:110px;font-size:10px;letter-spacing:.17em;padding-top:8px}.filter-buttons{display:flex;gap:7px;flex-wrap:wrap}.filter-buttons button{border:1px solid #c2c1bb;background:transparent;padding:7px 12px;font:11px Manrope;cursor:pointer}.filter-buttons button.active{background:#111;color:#fff}.portfolio-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:35px 14px;margin-top:45px}.portfolio-card{display:block}.portfolio-visual{height:440px;position:relative;overflow:hidden;background:#333}.portfolio-visual img{width:100%;height:100%;object-fit:cover;filter:grayscale(1);transition:.5s}.portfolio-card:hover img{transform:scale(1.035);filter:grayscale(.45)}.portfolio-visual span{position:absolute;left:14px;top:14px;background:#efede8;padding:5px 8px;font-size:9px;letter-spacing:.13em;text-transform:uppercase}.portfolio-visual small{position:absolute;right:14px;top:14px;background:#111;color:#fff;padding:5px 8px;font-size:8px}.portfolio-card h2{font-size:20px;font-weight:400;margin:17px 0 4px}.portfolio-card p{font-size:11px;color:#686a66;margin:0}.empty{grid-column:1/-1;padding:70px;text-align:center;border:1px solid var(--line)}footer{background:#0b0d0d;color:#aaa;padding:35px 5%;display:flex;justify-content:space-between;font-size:11px}.mobile-home{display:none}@media(max-width:900px){.portfolio-grid{grid-template-columns:1fr 1fr}.portfolio-visual{height:400px}}@media(max-width:650px){header{height:88px}header nav{display:none}.mobile-home{display:block;color:#fff;font-size:12px}.portfolio-hero{padding:80px 7% 55px}.portfolio-hero h1{font-size:24vw}.portfolio{padding:45px 7%}.filter-group{display:block}.filter-group strong{display:block;width:auto;margin-bottom:12px}.portfolio-grid{grid-template-columns:1fr}.portfolio-visual{height:440px}footer{flex-direction:column;gap:12px}}
.portfolio-visual i{position:absolute;left:14px;bottom:14px;background:#111b;color:#fff;padding:4px 7px;font-size:8px;font-style:normal;letter-spacing:.1em}
.filter-buttons span{display:inline-block;border:0;border-left:1px solid #aaa9a3;background:transparent;padding:5px 16px;font-size:11px;color:#4b4d49;letter-spacing:.02em}.filter-buttons span:first-child{border-left:0;padding-left:0}.filter-group{align-items:center}.filter-group strong{padding-top:0}.filter-group:after{content:'İndeks';margin-left:auto;font-size:8px;letter-spacing:.16em;text-transform:uppercase;color:#969791}
/* Mobile refinement v2 */
@media(max-width:650px){header{padding:12px 7%;height:88px}.mobile-home{min-height:44px;display:flex;align-items:center;padding-left:15px}.portfolio-hero{padding:72px 7% 58px}.portfolio-hero h1{font-size:21vw;line-height:.9;margin:30px 0}.portfolio-hero>p:last-child{font-size:15px;line-height:1.75}.portfolio{padding:46px 7% 65px}.filter-group{padding:18px 0}.filter-group:after{display:none}.filter-buttons{gap:0 12px}.filter-buttons span,.filter-buttons button{font-size:11px;padding:6px 12px 6px 0;line-height:1.35;border-left:0}.portfolio-grid{margin-top:34px;gap:42px}.portfolio-visual{height:auto;aspect-ratio:4/5}.portfolio-card h2{font-size:19px;margin-top:14px}.portfolio-card p{font-size:12px;line-height:1.65}footer{padding:32px 7%;line-height:1.7}}