:root{--paper:#F2EEE3;--paper-2:#ECE7D9;--ink:#1C1E18;--ink-soft:#4A4C44;--concrete:#8C8D85;--line:#D6D1C2;--green:#3C6B4A;--green-deep:#2A4D36;--marigold:#DF9B22;--serif:"Newsreader",Georgia,serif;--sans:"Hanken Grotesk",system-ui,sans-serif;--mono:"Space Mono",monospace}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:var(--paper);color:var(--ink);font-family:var(--sans);font-weight:400;line-height:1.6;-webkit-font-smoothing:antialiased}html[data-lang=tr] .en,html[data-lang=en] .tr{display:none}.wrap{max-width:1180px;margin:0 auto;padding:0 28px}.mono{font-family:var(--mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase}.nav{position:sticky;top:0;z-index:50;background:#f2eee3db;backdrop-filter:blur(8px);border-bottom:1px solid var(--line)}.nav-in{display:flex;align-items:center;justify-content:space-between;height:66px;gap:16px}.brand{font-family:var(--serif);font-size:1.32rem;font-weight:500;letter-spacing:-.01em;text-decoration:none;color:var(--ink)}.brand em{font-style:italic;color:var(--green)}.nav-right{display:flex;align-items:center;gap:20px}.nav-links{display:flex;gap:28px;align-items:center}.nav-links a{font-size:.86rem;color:var(--ink-soft);text-decoration:none;transition:color .2s}.nav-links a:hover{color:var(--ink)}.nav-cta{font-family:var(--mono);font-size:.7rem;letter-spacing:.12em;text-transform:uppercase;border:1px solid var(--ink);padding:9px 15px;border-radius:2px;color:var(--ink)!important}.nav-cta:hover{background:var(--ink);color:var(--paper)!important}.lang{display:inline-flex;border:1px solid var(--line);border-radius:99px;overflow:hidden;font-family:var(--mono);font-size:.62rem;letter-spacing:.08em}.lang button{background:transparent;border:none;padding:7px 11px;cursor:pointer;color:var(--ink-soft);font-family:inherit;font-size:inherit;letter-spacing:inherit}.lang button.on{background:var(--ink);color:var(--paper)}.menu-btn{display:none;background:none;border:1px solid var(--line);border-radius:4px;padding:6px 10px;cursor:pointer;color:var(--ink);font-size:1.1rem;line-height:1}.mobile-panel{display:none;border-bottom:1px solid var(--line);background:var(--paper)}.mobile-panel.open{display:block}.mobile-panel a{display:block;padding:13px 28px;border-top:1px solid var(--line);color:var(--ink-soft);text-decoration:none;font-size:.92rem}.hero{padding:54px 0 30px}.hero-head{display:grid;grid-template-columns:1fr auto;align-items:end;gap:24px;margin-bottom:26px}.hero h1{font-family:var(--serif);font-weight:400;font-size:clamp(2.4rem,6vw,5rem);line-height:1.02;letter-spacing:-.02em}.hero h1 em{font-style:italic;color:var(--green)}.hero-sub{max-width:330px;color:var(--ink-soft);font-size:1rem;padding-bottom:10px}.eyebrow{color:var(--green-deep);margin-bottom:18px;display:flex;align-items:center;gap:10px}.eyebrow:before{content:"";width:26px;height:1px;background:var(--marigold)}.ba{position:relative;width:100%;aspect-ratio:16/9;border-radius:4px;overflow:hidden;border:1px solid var(--line);cursor:ew-resize;--pos:52%;user-select:none;touch-action:none}.ba svg{position:absolute;inset:0;width:100%;height:100%;display:block}.ba-after{z-index:1}.ba-before{z-index:2;clip-path:inset(0 calc(100% - var(--pos)) 0 0)}.ba-tag{position:absolute;top:16px;z-index:4;font-family:var(--mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;padding:5px 9px;border-radius:2px;background:#1c1e189e;color:#fff}.ba-tag.b{left:16px}.ba-tag.a{right:16px;background:#3c6b4ad1}.ba-handle{position:absolute;top:0;bottom:0;left:var(--pos);width:2px;background:var(--marigold);z-index:3;transform:translate(-1px)}.ba-knob{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:42px;height:42px;border-radius:50%;background:var(--marigold);border:2px solid #fff;display:flex;align-items:center;justify-content:center;cursor:ew-resize;box-shadow:0 2px 10px #0000002e}.ba-knob svg{position:static;width:18px;height:18px}.ba-knob:focus-visible{outline:3px solid var(--ink);outline-offset:3px}.ba-caption{position:absolute;left:16px;bottom:16px;z-index:4;background:#f2eee3eb;color:var(--ink);padding:7px 11px;border-radius:2px;font-family:var(--mono);font-size:.68rem;letter-spacing:.06em}.ba-caption b{color:var(--green-deep)}.mission{padding:64px 0;border-top:1px solid var(--line);margin-top:42px}.mission p{font-family:var(--serif);font-size:clamp(1.4rem,3vw,2.15rem);line-height:1.34;font-weight:400;max-width:880px;letter-spacing:-.01em}.mission .key{font-style:italic;color:var(--green)}.sec-head{display:flex;align-items:baseline;justify-content:space-between;gap:20px;margin-bottom:34px;flex-wrap:wrap}.sec-head h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.7rem,3.4vw,2.5rem);letter-spacing:-.01em}.projects{padding:72px 0;border-top:1px solid var(--line)}.grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.card{background:var(--paper-2);border:1px solid var(--line);border-radius:5px;overflow:hidden;transition:transform .25s,box-shadow .25s;display:block;text-decoration:none;color:inherit}a.card:hover{transform:translateY(-4px);box-shadow:0 14px 30px -18px #1c1e1866}.status{position:absolute;top:12px;right:12px;z-index:3;font-family:var(--mono);font-size:.56rem;letter-spacing:.08em;text-transform:uppercase;padding:4px 9px;border-radius:99px;font-weight:700}.status.live{background:var(--marigold);color:#3a2807}.status.dev{background:#1c1e18b8;color:#f2eee3}.seehead{font-family:var(--mono);font-size:.74rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green-deep);text-decoration:none}.seehead:hover{color:var(--ink)}.card figure{position:relative;aspect-ratio:4/3;overflow:hidden}.card figure>svg{width:100%;height:100%;display:block}.inset{position:absolute;left:12px;bottom:12px;width:33%;aspect-ratio:4/3;border:2px solid var(--paper);border-radius:3px;overflow:hidden;box-shadow:0 3px 9px #00000038}.inset>svg{width:100%;height:100%;display:block}.inset span{position:absolute;top:0;left:0;font-family:var(--mono);font-size:.5rem;letter-spacing:.1em;text-transform:uppercase;background:#1c1e18b3;color:#fff;padding:2px 4px}.card-body{padding:18px 18px 20px}.card-body .loc{color:var(--green-deep);margin-bottom:9px}.card-body h3{font-family:var(--serif);font-weight:500;font-size:1.24rem;margin-bottom:7px;letter-spacing:-.01em}.card-body p{font-size:.9rem;color:var(--ink-soft);margin-bottom:14px}.cost{display:flex;align-items:center;justify-content:space-between;border-top:1px solid var(--line);padding-top:12px;font-family:var(--mono);font-size:.74rem}.cost .n{font-weight:700;color:var(--green)}.idea{padding:90px 0;border-top:1px solid var(--line);text-align:center}.idea blockquote{font-family:var(--serif);font-weight:400;font-size:clamp(1.6rem,3.6vw,2.7rem);line-height:1.32;max-width:900px;margin:0 auto;letter-spacing:-.01em}.idea blockquote em{font-style:italic;color:var(--green)}.idea .by{margin-top:26px;color:var(--green-deep);text-decoration:none;display:inline-block}.process{padding:78px 0;border-top:1px solid var(--line)}.steps{display:grid;grid-template-columns:repeat(5,1fr);gap:0;margin-top:36px;border:1px solid var(--line);border-radius:5px;overflow:hidden}.step{padding:24px 18px 28px;border-right:1px solid var(--line)}.step:last-child{border-right:none}.step .num{font-family:var(--mono);font-size:.72rem;color:var(--marigold);font-weight:700;letter-spacing:.1em}.step h4{font-family:var(--serif);font-weight:500;font-size:1.18rem;margin:14px 0 8px}.step p{font-size:.82rem;color:var(--ink-soft);line-height:1.5}.about{padding:80px 0;border-top:1px solid var(--line)}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px}.lab{color:var(--green-deep);margin-bottom:16px}.about-name{font-family:var(--serif);font-weight:500;font-size:1.9rem;letter-spacing:-.01em}.about-role{color:var(--ink-soft);margin:5px 0 16px}.about-bio{font-size:1rem;color:var(--ink-soft);max-width:44ch;line-height:1.7}.about-bio .ph{color:var(--marigold);font-style:italic}.about-contact p{font-size:1rem;color:var(--ink-soft);margin-bottom:16px;max-width:38ch;line-height:1.7}.mailbtn{display:inline-block;font-family:var(--mono);font-size:.84rem;letter-spacing:.04em;border:1px solid var(--ink);padding:12px 20px;border-radius:3px;color:var(--ink);text-decoration:none;transition:all .2s}.mailbtn:hover{background:var(--ink);color:var(--paper)}.cta{padding:96px 0;border-top:1px solid var(--line);text-align:center}.cta h2{font-family:var(--serif);font-weight:400;font-size:clamp(1.9rem,4vw,3.1rem);letter-spacing:-.02em;max-width:760px;margin:0 auto 14px}.cta h2 em{font-style:italic;color:var(--green)}.cta p{color:var(--ink-soft);max-width:520px;margin:0 auto 30px}.btn{display:inline-block;font-family:var(--mono);font-size:.78rem;letter-spacing:.12em;text-transform:uppercase;background:var(--ink);color:var(--paper);text-decoration:none;padding:15px 28px;border-radius:3px;transition:background .2s}.btn:hover{background:var(--green-deep)}footer{border-top:1px solid var(--line);padding:34px 0 46px}.foot-in{display:flex;justify-content:space-between;align-items:center;gap:18px;flex-wrap:wrap}.foot-in .brand{font-size:1.1rem}.foot-meta{color:var(--ink-soft);font-size:.84rem}.foot-links{display:flex;gap:22px}.foot-links a{color:var(--ink-soft);text-decoration:none;font-size:.84rem}.foot-links a:hover{color:var(--ink)}.page-intro{padding:80px 0 40px}.page-intro h1{font-family:var(--serif);font-weight:400;font-size:clamp(2rem,5vw,3.4rem);letter-spacing:-.02em;margin-bottom:14px}.page-intro h1 em{font-style:italic;color:var(--green)}.page-intro p{color:var(--ink-soft);max-width:60ch;font-size:1.05rem}.soon{margin-top:22px;font-family:var(--mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--green-deep)}@media (max-width:760px){.nav-links{display:none}.menu-btn{display:inline-flex}.hero-head{grid-template-columns:1fr}.hero-sub{padding-bottom:0}.grid{grid-template-columns:1fr;gap:18px}.steps{grid-template-columns:1fr}.step{border-right:none;border-bottom:1px solid var(--line)}.step:last-child{border-bottom:none}.about-grid{grid-template-columns:1fr;gap:28px}}@media (prefers-reduced-motion:reduce){*{transition:none!important;scroll-behavior:auto}}