:root{color-scheme:light;--ink: #1f2428;--muted: #5d6874;--paper: #fbfaf7;--surface: #ffffff;--line: #dedbd2;--accent: #197278;--accent-dark: #114f55;--warm: #d95f43;--green: #6a994e;--shadow: 0 18px 45px rgba(31, 36, 40, .08)}[data-theme=dark]{color-scheme:dark;--ink: #edf2f3;--muted: #aebbc0;--paper: #111719;--surface: #182124;--line: #314045;--accent: #76c7c0;--accent-dark: #9adbd5;--warm: #f29f67;--green: #92c47c;--shadow: 0 18px 45px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}body{margin:0;color:var(--ink);background:var(--paper);line-height:1.6}[data-lang]{display:none}html[data-language=en] [data-lang=en],html[data-language=tr] [data-lang=tr]{display:revert}a{color:inherit}.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(20px,6vw,72px);background:color-mix(in srgb,var(--paper) 92%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.header-socials{position:absolute;left:50%;display:flex;align-items:center;justify-content:center;gap:8px;transform:translate(-50%)}.brand{font-weight:800;text-decoration:none}.site-nav{display:flex;align-items:center;gap:20px}.site-nav a{color:var(--muted);font-size:.95rem;font-weight:700;text-decoration:none}.site-nav a:hover,.site-nav a.active{color:var(--accent)}.nav-controls{display:flex;align-items:center;justify-content:center;gap:8px;padding-left:4px}.social-link,.language-toggle,.theme-toggle{display:inline-flex;align-items:center;justify-content:center;place-items:center;width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:var(--surface)}.language-toggle,.theme-toggle{color:var(--muted);font:inherit;cursor:pointer}.language-toggle{width:auto;gap:7px;padding:4px 9px;font-size:.72rem;font-weight:900;line-height:1;letter-spacing:.04em}.language-option{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:24px;border-radius:5px}html[data-language=en] .language-option[lang=en],html[data-language=tr] .language-option[lang=tr]{color:var(--accent);background:color-mix(in srgb,var(--accent) 16%,transparent);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--accent) 34%,transparent)}.language-divider{width:1px;height:16px;background:var(--line)}.social-link svg,.theme-toggle svg{display:block;width:18px;height:18px;fill:currentColor}.social-link:hover,.social-link:focus-visible,.theme-toggle:hover,.theme-toggle:focus-visible{border-color:var(--accent);color:var(--accent)}.language-toggle:hover,.language-toggle:focus-visible{border-color:var(--accent)}.social-link:focus-visible,.language-toggle:focus-visible,.theme-toggle:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:2px}.theme-icon-moon,[data-theme=dark] .theme-icon-sun{display:none}[data-theme=dark] .theme-icon-moon{display:block}.nav-toggle{display:none;border:1px solid var(--line);border-radius:8px;padding:9px 12px;color:var(--ink);background:var(--surface);font:inherit;font-weight:700}main{width:min(1120px,calc(100% - 40px));margin:0 auto}.hero{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(280px,.75fr);gap:36px;align-items:start;padding:72px 0 56px}.hero h1,.page-title h1{margin:0;max-width:780px;font-size:clamp(3rem,9vw,6.5rem);line-height:.96;letter-spacing:0}.hero-intro{display:flex;align-items:center;gap:clamp(18px,3vw,34px)}.profile-photo{display:block;flex:0 0 auto;width:clamp(120px,15vw,180px);aspect-ratio:4 / 5;border:1px solid var(--line);border-radius:12px;object-fit:cover;box-shadow:var(--shadow)}.lead{max-width:710px;color:var(--muted);font-size:clamp(1.08rem,2vw,1.35rem)}.eyebrow{margin:0 0 12px;color:var(--warm);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.hero-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:30px}.button{display:inline-flex;align-items:center;justify-content:center;min-height:44px;border-radius:8px;padding:10px 16px;font-weight:800;text-decoration:none}.button.primary{color:#fff;background:var(--accent)}.button.primary:hover{background:var(--accent-dark)}.button.secondary{border:1px solid var(--line);background:var(--surface)}.button.secondary:hover,.button.secondary:focus-visible{border-color:var(--accent);color:#fff;background:var(--accent)}.button:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:3px}.hero-panel{padding:24px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.hero-panel dl{display:grid;gap:18px;margin:0}.hero-panel dt{color:var(--accent);font-size:.78rem;font-weight:900;text-transform:uppercase}.hero-panel dd{margin:4px 0 0;color:var(--muted)}.section{padding:56px 0;border-top:1px solid var(--line)}.section-heading{display:grid;grid-template-columns:220px minmax(0,1fr);gap:24px;align-items:start;margin-bottom:28px}.section-heading h2{margin:0;font-size:clamp(1.8rem,4vw,3rem);line-height:1.1}.content-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:26px;color:var(--muted);font-size:1.05rem}.tag-list,.mini-tags{display:flex;flex-wrap:wrap;gap:10px;padding:0;margin:0;list-style:none}.tag-list li,.mini-tags li{border:1px solid var(--line);border-radius:999px;padding:8px 12px;background:var(--surface);color:var(--muted);font-weight:700}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px}.project-grid.wide{grid-template-columns:1fr}.section-actions{display:flex;justify-content:center;margin-top:24px}.project-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:22px}.project-filters{display:flex;flex-wrap:wrap;gap:8px}.project-filters button{border:1px solid var(--line);border-radius:999px;padding:7px 12px;color:var(--muted);background:var(--surface);font:inherit;font-weight:800;cursor:pointer}.project-filters button:hover{border-color:var(--accent);color:var(--accent)}.project-filters button[aria-pressed=true]{border-color:var(--accent);color:#fff;background:var(--accent)}.project-filters button:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:2px}.project-layout-control{display:flex;align-items:center;gap:10px;color:var(--muted);font-weight:700}.layout-switcher{display:inline-flex;gap:4px;padding:4px;background:var(--surface);border:1px solid var(--line);border-radius:10px}.layout-switcher button{border:0;border-radius:7px;padding:7px 13px;color:var(--muted);background:transparent;font:inherit;font-weight:800;cursor:pointer}.layout-switcher button:hover{color:var(--accent)}.layout-switcher button[aria-pressed=true]{color:#fff;background:var(--accent)}.layout-switcher button:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:2px}.project-card{display:block;overflow:hidden;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow);color:inherit;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.project-grid .project-card[hidden]{display:none!important}.project-card:hover,.project-card:focus-visible{border-color:var(--accent);box-shadow:0 22px 50px #1f242824;transform:translateY(-3px)}.project-card:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:3px}.project-grid.wide .project-card{display:grid;grid-template-columns:minmax(220px,.55fr) minmax(0,1fr)}.project-grid.wide.compact{grid-template-columns:repeat(3,minmax(0,1fr))}.project-grid.wide.compact .project-card{display:block}.project-grid.wide.compact .project-body p:not(.project-type),.project-grid.wide.compact .mini-tags{display:none}.project-empty{margin:0;padding:28px;border:1px dashed var(--line);border-radius:8px;color:var(--muted);text-align:center}.project-media{min-height:190px;background-color:#e8ece5;background-image:linear-gradient(135deg,rgba(255,255,255,.3),transparent),repeating-linear-gradient(90deg,rgba(255,255,255,.36) 0 1px,transparent 1px 28px),repeating-linear-gradient(0deg,rgba(255,255,255,.28) 0 1px,transparent 1px 28px)}.project-media img{display:block;width:100%;height:100%;min-height:190px;object-fit:cover}.project-body{padding:22px}.project-body h2,.project-body h3{margin:0 0 10px;line-height:1.15}.project-body p{color:var(--muted)}.project-type{margin:0 0 10px;color:var(--accent);font-size:.78rem;font-weight:900;text-transform:uppercase}.text-link{color:var(--accent);font-weight:900;text-decoration-thickness:2px;text-underline-offset:4px}.page-title{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.4fr);gap:32px;align-items:start;padding:72px 0 42px}.download-stat{display:grid;gap:5px;border:1px solid var(--line);border-radius:8px;padding:16px 20px;background:var(--surface);box-shadow:var(--shadow);color:var(--muted);text-decoration:none;transition:border-color .16s ease,transform .16s ease}.download-stat:hover,.download-stat:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.download-stat:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:3px}.download-stat-label{color:var(--accent);font-size:.78rem;font-weight:900;letter-spacing:.08em;text-transform:uppercase}.download-stat strong{color:var(--ink);font-size:clamp(2rem,5vw,3.25rem);line-height:1}.download-stat-title{color:var(--ink);font-weight:800}.download-stat-description{line-height:1.45}.download-stat-meta{margin-top:6px;padding-top:8px;border-top:1px solid var(--line);font-size:.85rem}.projectkorra-showcase,.projectkorra-stat-grid>div{border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.projectkorra-showcase{display:block;margin-bottom:18px;padding:20px;color:inherit;text-decoration:none;transition:border-color .16s ease,transform .16s ease}.projectkorra-showcase:hover,.projectkorra-showcase:focus-visible{border-color:var(--accent);transform:translateY(-2px)}.projectkorra-showcase:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:3px}.projectkorra-showcase[hidden]{display:none}.projectkorra-feature-card{display:grid;grid-template-columns:minmax(0,1fr) minmax(250px,.32fr);gap:18px;align-items:center;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow);color:inherit;text-decoration:none;margin-bottom:18px;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.projectkorra-feature-card:hover,.projectkorra-feature-card:focus-visible{border-color:var(--accent);box-shadow:0 22px 50px #1f242824;transform:translateY(-3px)}.projectkorra-feature-card:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:3px}.projectkorra-feature-body,.projectkorra-feature-stats{padding:20px}.projectkorra-feature-body h3{margin:0 0 10px;font-size:clamp(1.35rem,3vw,2.1rem);line-height:1.15}.projectkorra-feature-body .project-type{margin-bottom:10px;color:var(--muted)}.projectkorra-feature-body p:not(.project-type){margin:0 0 16px;color:var(--muted)}.projectkorra-feature-stats{display:grid;gap:6px;align-content:center;min-height:100%;border-left:1px solid var(--line)}.projectkorra-feature-stats strong{color:var(--ink);font-size:clamp(2rem,5vw,3rem);line-height:1}.projectkorra-feature-stats>span{color:var(--ink);font-weight:800}.projectkorra-feature-stats small{color:var(--muted);font-size:.82rem;line-height:1.45}.projectkorra-showcase-topline{display:grid;grid-template-columns:minmax(0,1fr) minmax(220px,.34fr);gap:22px;align-items:center;margin-bottom:16px}.projectkorra-showcase-intro{max-width:780px}.projectkorra-showcase-label,.projectkorra-stat-grid>div>span{color:var(--accent);font-size:.78rem;font-weight:900;text-transform:uppercase}.projectkorra-showcase-intro h2{margin:6px 0;font-size:clamp(1.55rem,3.6vw,2.45rem);line-height:1.06}.projectkorra-showcase-intro p,.projectkorra-stat-grid p{color:var(--muted)}.projectkorra-showcase-intro p{margin:0}.projectkorra-tech-tags{justify-content:center;align-content:center}.projectkorra-stat-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.projectkorra-stat-grid>div{padding:16px}.projectkorra-stat-grid strong{display:block;margin:6px 0;color:var(--ink);font-size:clamp(1.7rem,4vw,2.35rem);line-height:1}.projectkorra-stat-grid small{display:block;margin-top:12px;padding-top:10px;border-top:1px solid var(--line);color:var(--muted);font-size:.85rem;font-weight:800}.project-hero{display:grid;grid-template-columns:minmax(0,1fr) minmax(260px,.4fr);gap:32px;align-items:start;padding:72px 0 42px}.project-hero h1{margin:0;font-size:clamp(2.6rem,7vw,5rem);line-height:1}.project-meta{display:grid;gap:14px;padding:22px;background:var(--surface);border:1px solid var(--line);border-radius:8px}.project-meta p{margin:0;color:var(--muted)}.case-study{display:grid;grid-template-columns:minmax(0,.78fr) minmax(220px,.22fr);gap:34px;padding-bottom:56px}.case-study article,.project-media-gallery,.project-media-stage,.project-media-item{min-width:0}.case-study h2{margin-top:0}.case-study p{color:var(--muted)}.project-demo-panel,.project-video-embed,.project-video,.project-cover{display:block;width:100%;margin:0 0 28px;border:1px solid var(--line);border-radius:8px;background:var(--surface);box-shadow:var(--shadow)}.project-demo-panel{overflow:hidden}.project-demo-toolbar{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:16px 18px;border-bottom:1px solid var(--line)}.project-demo-toolbar div{display:grid;gap:2px}.project-demo-toolbar div>span{color:var(--muted)}.project-demo[hidden]{display:none}.project-demo{position:relative;overflow:hidden;aspect-ratio:var(--demo-aspect-ratio, 16 / 10);max-width:var(--demo-max-width, none);margin-inline:auto}.project-video-embed{overflow:hidden;aspect-ratio:16 / 9}.project-demo iframe,.project-video-embed iframe{display:block;width:100%;height:100%;border:0}.project-demo-note{margin:0;padding:14px 18px;border-top:1px solid var(--line);color:var(--muted);background:var(--surface-soft)}.project-demo-note[hidden]{display:none}.project-media-gallery{margin-bottom:36px}.project-media-stage{overflow:hidden;aspect-ratio:16 / 9;border:1px solid var(--line);border-radius:8px 8px 0 0;background:#0a0f11;box-shadow:var(--shadow)}.project-media-item{width:100%;height:100%}.project-media-item[hidden]{display:none}.project-media-stage img,.project-media-stage video,.project-media-stage iframe{display:block;width:100%;height:100%;object-fit:contain}.project-media-stage video,.project-media-stage iframe{border:0;background:#000}.project-media-open{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.project-media-open:focus-visible{outline:3px solid rgba(25,114,120,.32);outline-offset:-3px}.project-media-controls{display:grid;grid-template-columns:42px minmax(0,1fr) 42px;gap:8px;padding-top:9px}.project-media-strip{display:flex;gap:8px;overflow-x:scroll;padding-bottom:12px;scroll-behavior:smooth;scrollbar-color:var(--accent) var(--surface-soft);scrollbar-width:thin}.project-media-strip::-webkit-scrollbar{height:8px}.project-media-strip::-webkit-scrollbar-track{border-radius:2px;background:var(--surface-soft)}.project-media-strip::-webkit-scrollbar-thumb{border-radius:2px;background:var(--accent)}.project-media-thumbnail{position:relative;flex:0 0 142px;overflow:hidden;aspect-ratio:16 / 9;border:2px solid transparent;border-radius:4px;padding:0;background:var(--surface);opacity:.68;cursor:pointer;transition:border-color .15s ease,opacity .15s ease}.project-media-thumbnail:hover,.project-media-thumbnail.active{border-color:var(--accent);opacity:1}.project-media-thumbnail:focus-visible,.project-media-arrow:focus-visible{outline:3px solid rgba(25,114,120,.32);outline-offset:2px}.project-media-thumbnail img{display:block;width:100%;height:100%;object-fit:cover}.project-media-play-icon{position:absolute;top:50%;left:50%;width:38px;height:38px;border:1px solid rgba(255,255,255,.72);border-radius:50%;background:#0a0f11b8;transform:translate(-50%,-50%);pointer-events:none}.project-media-play-icon:after{position:absolute;top:50%;left:53%;width:0;height:0;border-top:7px solid transparent;border-bottom:7px solid transparent;border-left:11px solid #fff;content:"";transform:translate(-50%,-50%)}.project-media-arrow{width:42px;height:100%;min-height:78px;border:1px solid var(--line);border-radius:4px;padding:0;color:var(--ink);background:var(--surface);font:inherit;font-size:2rem;line-height:1;cursor:pointer}.project-media-arrow:hover{border-color:var(--accent);background:var(--surface-soft)}.project-video,.project-cover{aspect-ratio:16 / 9;object-fit:cover}.project-cover-button{display:block;width:100%;margin:0 0 28px;border:0;padding:0;background:transparent;cursor:zoom-in}.project-cover-button .project-cover{margin:0}.project-cover-button:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:3px}.image-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px;margin-top:24px}.image-gallery figure{overflow:hidden;margin:0;border-radius:8px;background:var(--surface);border:1px solid var(--line)}.gallery-image-button{display:block;width:100%;height:100%;border:0;padding:0;background:transparent;cursor:zoom-in}.gallery-image-button:focus-visible{outline:3px solid rgba(25,114,120,.28);outline-offset:-3px}.image-gallery img{display:block;width:100%;height:100%;min-height:150px;object-fit:cover}.gallery-image-button img{transition:transform .18s ease}.gallery-image-button:hover img{transform:scale(1.025)}.image-lightbox{width:min(96vw,1400px);max-width:none;max-height:94vh;border:1px solid var(--line);border-radius:10px;padding:0;background:#111719;color:#fff;box-shadow:0 24px 80px #00000061}.image-lightbox::backdrop{background:#0a0f11d1;backdrop-filter:blur(4px)}.lightbox-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:12px 16px;border-bottom:1px solid rgba(255,255,255,.14)}.lightbox-toolbar p{margin:0;color:#ffffffb8;font-weight:800}.lightbox-close,.lightbox-nav{border:1px solid rgba(255,255,255,.2);border-radius:8px;padding:8px 12px;color:#fff;background:#ffffff14;font:inherit;font-weight:800;cursor:pointer}.lightbox-close:hover,.lightbox-nav:hover{background:#ffffff29}.lightbox-close:focus-visible,.lightbox-nav:focus-visible{outline:3px solid rgba(118,199,192,.6);outline-offset:2px}.lightbox-content{display:grid;grid-template-columns:auto minmax(0,1fr) auto;gap:16px;align-items:center;min-height:min(76vh,800px);padding:16px}.lightbox-content figure{display:grid;gap:10px;justify-items:center;margin:0}.lightbox-content img{display:block;max-width:100%;max-height:72vh;object-fit:contain}.lightbox-content figcaption{color:#ffffffb8;text-align:center}.project-links{display:grid;gap:10px;padding:0;margin:0;list-style:none}.site-footer{display:flex;align-items:center;justify-content:space-between;gap:18px;padding:28px clamp(20px,6vw,72px);color:var(--muted);border-top:1px solid var(--line)}.site-footer div{display:flex;gap:16px}.site-footer a{font-weight:800}@media(max-width:820px){.nav-toggle{display:inline-flex}.site-nav{position:absolute;top:calc(100% + 1px);right:20px;display:none;flex-direction:column;align-items:stretch;min-width:190px;padding:14px;background:var(--surface);border:1px solid var(--line);border-radius:8px;box-shadow:var(--shadow)}.site-nav.open{display:flex}.header-socials{display:none}.nav-controls{justify-content:space-between;padding-top:6px;padding-left:0}.hero,.page-title,.project-hero,.case-study,.content-grid,.project-grid,.project-grid.wide .project-card,.projectkorra-showcase-topline,.projectkorra-feature-card,.projectkorra-stat-grid{grid-template-columns:1fr}.projectkorra-tech-tags,.projectkorra-compact-stats{justify-content:flex-start}.projectkorra-feature-stats{border-left:0;border-top:1px solid var(--line)}.section-heading{grid-template-columns:1fr;gap:8px}.site-footer{align-items:flex-start;flex-direction:column}.project-grid.wide.compact{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:520px){main{width:min(100% - 28px,1120px)}.site-header{padding:14px}.hero{padding-top:44px}.hero-actions{flex-direction:column}.hero-intro{align-items:flex-start;flex-direction:column}.profile-photo{width:132px}.button{width:100%}.project-toolbar{align-items:stretch;flex-direction:column}.project-layout-control{justify-content:space-between}.project-demo-toolbar{align-items:stretch;flex-direction:column}.project-media-controls{grid-template-columns:34px minmax(0,1fr) 34px;gap:6px}.project-media-arrow{width:34px;min-height:58px}.project-media-thumbnail{flex-basis:104px}.layout-switcher{align-self:flex-end}.project-grid.wide.compact,.image-gallery{grid-template-columns:1fr}.lightbox-content{grid-template-columns:1fr 1fr;min-height:auto}.lightbox-content figure{grid-column:1 / -1;grid-row:1}.lightbox-nav{width:100%}}
