@import "https://fonts.googleapis.com/css2?family=DM+Mono:wght@400;500&family=Manrope:wght@400;500;600;700;800&family=Playfair+Display:ital,wght@0,600;0,700;1,600;1,700&display=swap";.portrait{filter:none!important}.portfolio-project-tools{flex-wrap:wrap;gap:12px;margin:0 0 24px;display:flex}.portfolio-project-tools label{color:#b9c8c9;gap:7px;min-width:220px;font:11px DM Mono;display:grid}.portfolio-project-tools input,.portfolio-project-tools select{box-sizing:border-box;color:#e8eeef;background:#10262b;border:1px solid #e8eeef40;outline:none;min-width:220px;padding:10px 11px;font:13px Manrope,system-ui}.portfolio-project-tools input:focus,.portfolio-project-tools select:focus{border-color:#b8d178;box-shadow:0 0 0 3px #b8d1781c}@media (width<=580px){.portfolio-project-tools{display:grid}.portfolio-project-tools input,.portfolio-project-tools select{width:100%;min-width:0}}:root{color:#e8eeef;font-synthesis:none;background:#102126;font-family:Manrope,sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{background:#102126;margin:0}a{color:inherit;text-decoration:none}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#102126e6;border-bottom:1px solid #e8eeef24;justify-content:space-between;align-items:center;height:76px;padding:0 clamp(22px,6vw,92px);display:flex;position:sticky;top:0}.brand{letter-spacing:-2px;font-size:25px;font-weight:800}.brand span{color:#b8d178}nav{gap:28px;font-size:13px;display:flex}nav a,.header-link{opacity:.78;transition:opacity .2s}nav a:hover,.header-link:hover{opacity:1}.header-link{font-family:DM Mono;font-size:12px}.hero{border-bottom:1px solid #e8eeef24;grid-template-columns:1.12fr .88fr;align-items:center;gap:80px;min-height:650px;padding:112px clamp(22px,10vw,164px) 92px;display:grid}.eyebrow,.section-label{color:#b8d178;letter-spacing:1.6px;font:12px DM Mono}.hero h1{letter-spacing:-5px;max-width:740px;margin:20px 0 24px;font-size:clamp(47px,6vw,88px);line-height:.99}.hero h1 em{color:#b8d178;font-family:Playfair Display;font-weight:600}.intro{color:#b9c8c9;max-width:560px;font-size:17px;line-height:1.8}.hero-actions{gap:14px;margin-top:36px;display:flex}.button{border:1px solid #b8d178;padding:14px 18px;font-size:13px;font-weight:700;transition:transform .2s,background .2s}.button:hover{transform:translateY(-3px)}.primary{color:#102126;background:#b8d178}.primary span{margin-left:14px}.secondary{color:#e8eeef}.portrait-wrap{justify-self:end;max-width:340px;padding:15px 0 0 15px;position:relative}.portrait{aspect-ratio:.82;object-fit:cover;filter:grayscale()contrast(1.08);border:1px solid #e8eeef40;width:100%;display:block}.portrait-note{z-index:1;color:#102126;background:#b8d178;padding:10px 12px;font:12px/1.5 DM Mono;position:absolute;top:-10px;left:-95px;transform:rotate(-5deg)}.availability{background:#17333a;border:1px solid #e8eeef33;padding:11px 13px;font-size:11px;position:absolute;bottom:22px;right:-24px}.availability i{background:#b8d178;border-radius:50%;width:7px;height:7px;margin-right:7px;display:inline-block}.section{border-bottom:1px solid #e8eeef24;padding:106px clamp(22px,10vw,164px)}.about{grid-template-columns:26% 1fr;gap:44px;display:grid}.section h2{letter-spacing:-3px;max-width:720px;margin:0;font-size:clamp(32px,4vw,54px);line-height:1.08}.about p:not(.section-label){color:#b9c8c9;max-width:680px;margin:24px 0 28px;line-height:1.8}.skills,.filters,.tag-list{flex-wrap:wrap;gap:8px;display:flex}.skills span,.tag-list span{color:#d7dfdf;border:1px solid #e8eeef38;padding:8px 10px;font:11px DM Mono}.section{position:relative;overflow:hidden}.section>:not(.section-shapes){z-index:1;position:relative}.section-shapes{pointer-events:none;z-index:0;position:absolute;inset:0}.section-shapes i,.section-shapes b,.section-shapes em{display:block;position:absolute}.about-shapes i{border:1px solid #b8d1784a;border-radius:50%;width:240px;height:240px;top:34px;right:-70px;box-shadow:0 0 0 34px #b8d17809,0 0 0 68px #b8d17805}.about-shapes b{border:1px solid #8ed2c643;width:90px;height:90px;bottom:38px;left:40%;transform:rotate(20deg)}.about-shapes em{background:#b8d178;border-radius:50%;width:11px;height:11px;bottom:28%;right:28%;box-shadow:-29px 31px #75c9bd,-61px -12px #b8d178}.project-shapes i{border:1px solid #8ed2c647;border-radius:50%;width:180px;height:180px;top:34px;left:-75px;box-shadow:0 0 0 24px #8ed2c609}.project-shapes b{border:1px solid #b8d17842;width:120px;height:120px;top:26px;right:10%;transform:rotate(45deg)}.project-shapes em{background:linear-gradient(90deg,#0000,#b8d17878,#0000);width:260px;height:1px;bottom:64px;right:-30px;transform:rotate(-18deg)}.section-heading{justify-content:space-between;align-items:end;gap:28px;display:flex}.section-heading>p{color:#b9c8c9;font-size:12px}.filters{margin:44px 0 24px}.filters button{color:#d5dfdf;cursor:pointer;background:0 0;border:1px solid #e8eeef38;padding:9px 12px;font:11px DM Mono}.filters button.active,.filters button:hover{color:#102126;background:#b8d178;border-color:#b8d178}.project-catalog-switch{align-items:center;gap:18px;margin:34px 0 24px;display:flex}.projects-toggle{color:#102126;cursor:pointer;background:#b8d178;border:1px solid #b8d178;padding:11px 14px;font:700 11px DM Mono;text-decoration:none;transition:all .2s;display:inline-block}.projects-toggle:hover{background:#d0eb99;transform:translateY(-1px)}.project-catalog-switch p{color:#95a9aa;margin:0;font-size:12px}.project-grid{border-top:1px solid #e8eeef29;border-left:1px solid #e8eeef29;grid-template-columns:repeat(3,1fr);display:grid}.project-card{border-bottom:1px solid #e8eeef29;border-right:1px solid #e8eeef29;flex-direction:column;min-height:325px;padding:25px;transition:background .25s;display:flex}.project-card:hover{background:#17333a}.project-top{color:#93a7a9;justify-content:space-between;font:11px DM Mono;display:flex}.project-top b{color:#b8d178;font-weight:400}.project-top b.geliştiriliyor{color:#f0cf75}.project-top b.arşiv{color:#a7b4b5}.project-card h3{letter-spacing:-1px;margin:44px 0 11px;font-size:21px}.project-card p{color:#b9c8c9;min-height:70px;margin:0;font-size:13px;line-height:1.65}.tag-list{margin:21px 0}.tag-list span{padding:5px 7px;font-size:10px}.card-actions{align-items:center;gap:18px;margin-top:auto;font-size:12px;font-weight:700;display:flex}.card-actions a:first-child{color:#b8d178}.card-actions span{margin-left:5px}.card-actions .source,.coming-soon{color:#a7b4b5;font-weight:500}.project-cover{object-fit:cover;object-position:center;filter:saturate(.9);border:1px solid #e8eeef2e;width:100%;height:148px;margin:16px 0 0}.project-card:has(.project-cover) h3{margin-top:20px}.source-pending{color:#a7b4b5;font-weight:500}.project-title-link{color:inherit;text-decoration:none}.project-title-link:hover{color:#b8d178}.page-loader{z-index:100;background:#102126;place-content:center;gap:20px;transition:opacity .45s,visibility .45s;display:grid;position:fixed;inset:0}.page-loader>span{letter-spacing:-3px;color:#e8eeef;font:900 42px Manrope,sans-serif}.page-loader>span span{color:#b8d178}.page-loader i{background:#ffffff1f;width:132px;height:2px;display:block;overflow:hidden}.page-loader i:after{content:"";background:#b8d178;width:45%;height:100%;animation:1s ease-in-out infinite loader-sweep;display:block}.page-loader.is-hidden{opacity:0;visibility:hidden;pointer-events:none}@keyframes loader-sweep{0%{transform:translate(-120%)}to{transform:translate(300%)}}[data-reveal]{opacity:0;transition:opacity .7s cubic-bezier(.2,.7,.2,1),transform .7s cubic-bezier(.2,.7,.2,1);transform:translateY(24px)}[data-reveal].is-visible{opacity:1;transform:none}.site-header[data-reveal]{transform:translateY(-16px)}.project-card[data-reveal]{transition-delay:calc((var(--reveal-index,0) * 45ms) + 70ms)}.project-card{will-change:transform,opacity}.project-card:hover{transform:translateY(-5px);box-shadow:0 18px 44px #07121640}.button,.filters button,.projects-toggle,.card-actions a,.test-link{transition:transform .2s,box-shadow .2s,background .2s,color .2s}.button:hover,.card-actions a:hover,.test-link:hover{transform:translateY(-2px)}@media (prefers-reduced-motion:reduce){*,:before,:after{scroll-behavior:auto!important;transition-duration:.01ms!important;animation-duration:.01ms!important;animation-iteration-count:1!important}.page-loader{display:none}[data-reveal]{opacity:1;transform:none}}.contact{grid-template-columns:26% 1fr;gap:44px;display:grid}.contact h2{margin-bottom:20px}.contact div>a{color:#b8d178;border-bottom:1px solid #b8d178;padding-bottom:6px;font:clamp(18px,2vw,28px) DM Mono;display:inline-block}.socials{grid-column:2;gap:22px;margin-top:30px;display:flex}.socials a{color:#b9c8c9;font-size:12px}.socials a:hover{color:#b8d178}footer{color:#809496;padding:24px clamp(22px,10vw,164px);font:11px DM Mono}footer span{color:#b8d178;margin:0 8px}@media (width<=780px){.site-header{height:64px}.site-header nav{display:none}.hero{grid-template-columns:1fr;gap:52px;padding-top:74px}.portrait-wrap{justify-self:start;width:72%;margin-left:40px}.portrait-note{left:-42px}.about,.contact,.project-grid{grid-template-columns:1fr}.section-heading{flex-direction:column;align-items:start}.contact .socials{grid-column:auto}.hero h1{letter-spacing:-3px}}.test-link{font:inherit;color:#b8d178;cursor:pointer;background:0 0;border:0;padding:0;font-weight:700}.campaign-backdrop{z-index:30;background:#071216cc;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.campaign-modal{color:#17292b;background:#f5f8f2;border:1px solid #b8d178;width:min(620px,100%);max-height:90vh;padding:38px;position:relative;overflow:auto}.campaign-modal h2{letter-spacing:-2px;margin:10px 0;font-size:34px}.campaign-modal>p{color:#476062;line-height:1.7}.campaign-modal .tag-list span{color:#17333a;background:#e4efc7;border-color:#9cb763;font-weight:700}.campaign-modal ol{padding-left:22px;line-height:1.8}.campaign-modal li{padding:5px 0}.close{color:#17333a;cursor:pointer;background:0 0;border:0;font-size:28px;position:absolute;top:10px;right:15px}.campaign-actions{flex-wrap:wrap;gap:10px;margin:24px 0;display:flex}.campaign-actions a{color:#fff;background:#17333a;padding:11px 13px;font-size:12px;font-weight:700}.campaign-actions .store{color:#102126;background:#b8d178}.campaign-modal small{color:#627b7d;line-height:1.5}