.noise { position:fixed; inset:0; z-index:10; pointer-events:none; opacity:.045; background-image:url("data:image/svg+xml,%3Csvg viewBox='0 0 180 180' xmlns='http://www.w3.org/2000/svg'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.95' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)' opacity='.9'/%3E%3C/svg%3E"); }
.orb { position:absolute; border-radius:999px; filter:blur(1px); z-index:-1; }.orb-one{width:26rem;height:26rem;background:var(--lime);right:-13rem;top:8rem;opacity:.75}.orb-two{width:16rem;height:16rem;background:var(--blue);left:-8rem;top:76rem;opacity:.55}
main,.site-header,.ticker,.site-footer{max-width:100vw;overflow-x:clip}
.site-header { height:82px; padding:0 clamp(1.25rem,5vw,5rem); display:flex; align-items:center; justify-content:space-between; border-bottom:1px solid var(--line); position:relative; z-index:5; }.desktop-nav{display:flex;gap:2rem}.desktop-nav a{font:500 .68rem var(--mono);text-transform:uppercase}.desktop-nav a:hover,.to-top:hover{opacity:.5}.header-actions{display:flex;align-items:center;gap:1rem}.lang-toggle{background:transparent;border:0;padding:0;font:500 .67rem var(--mono)}.lang-toggle .active{font-weight:800}.round-link{width:36px;height:36px;border:1px solid var(--ink);border-radius:50%;display:grid;place-items:center;font-size:1.1rem;transition:.25s}.round-link:hover{background:var(--ink);color:var(--lime);transform:rotate(45deg)}
.hero{min-height:calc(100vh - 82px);padding-top:clamp(2.5rem,8vh,6.5rem);padding-bottom:3rem;position:relative;display:flex;flex-direction:column;justify-content:space-between;overflow:hidden}.hero-topline{display:flex;justify-content:space-between;gap:1rem}.hero-title{font-size:clamp(3.8rem,10.8vw,11.5rem);line-height:.81;letter-spacing:-.095em;max-width:min(1200px,100%);margin:clamp(4rem,10vh,8rem) 0 4rem;font-weight:700}.hero-title span{display:block}.serif,h2 em{font-family:var(--serif);font-weight:500;letter-spacing:-.08em}.hero-title .serif{margin-left:clamp(2rem,14vw,14rem);color:#4c60a3}.hero-bottom{display:grid;grid-template-columns:minmax(220px,380px) auto;gap:2rem;align-items:end}.hero-bottom p{margin:0;line-height:1.55;font-size:.9rem}.button{border:0;display:inline-flex;align-items:center;justify-content:space-between;gap:2.8rem;padding:1rem 1.15rem;font:500 .73rem var(--mono);text-transform:uppercase;letter-spacing:.04em;transition:.25s}.button b{font-size:1.15rem;font-weight:400}.button-dark{background:var(--ink);color:var(--paper);justify-self:end}.button-dark:hover{background:#4c60a3;transform:translateY(-3px)}.button-lime{background:var(--lime);color:var(--ink)}.button-lime:hover{background:var(--ink);color:var(--lime)}
.hero-art{position:absolute;right:10vw;bottom:11%;width:clamp(8rem,16vw,15rem);aspect-ratio:1;pointer-events:none}.hero-disc{position:absolute;inset:7%;border:1px dashed var(--ink);border-radius:50%;animation:spin 15s linear infinite}.hero-disc span{position:absolute;top:12%;left:-4%;font:.58rem var(--mono);letter-spacing:.2em;white-space:nowrap}.hero-stamp{position:absolute;left:-25%;bottom:6%;font:500 .64rem/1.15 var(--mono);background:var(--lime);padding:.7rem;transform:rotate(-12deg)}.hero-spark{position:absolute;right:-3%;top:-10%;font-size:4rem;animation:pulse 2.4s ease-in-out infinite}@keyframes spin{to{transform:rotate(360deg)}}@keyframes pulse{50%{transform:scale(1.25) rotate(15deg)}}
.ticker{background:var(--ink);color:var(--paper);overflow:hidden;padding:.9rem 0}.ticker-track{display:flex;width:max-content;gap:1.4rem;align-items:center;font:500 .76rem var(--mono);letter-spacing:.07em;animation:marquee 25s linear infinite}.ticker i{color:var(--lime);font-style:normal}@keyframes marquee{to{transform:translateX(-50%)}}
.intro{padding-top:10rem;padding-bottom:10rem;display:grid;grid-template-columns:1fr minmax(280px,3fr);gap:2rem;border-bottom:1px solid var(--line)}.intro-copy h2,.promise h2,.contact h2{font-size:clamp(2.8rem,6.3vw,7.2rem);letter-spacing:-.08em;line-height:.93;margin:2.3rem 0;max-width:1000px}.intro-copy h2 em,.promise h2 em,.contact h2 em{color:#4c60a3}.intro-detail{max-width:470px;line-height:1.6;font-size:.95rem}
.services{background:var(--ink);color:var(--paper);padding-top:6rem;padding-bottom:6rem}.section-head{display:flex;justify-content:space-between;align-items:start;border-bottom:1px solid rgba(255,255,255,.26);padding-bottom:1rem}.services-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1px;background:rgba(255,255,255,.22);margin-top:3rem}.service-card{min-height:455px;padding:1.3rem;display:flex;flex-direction:column;justify-content:space-between;color:var(--ink);transition:transform .3s}.service-card:hover{transform:translateY(-10px)}.service-card>span{font:500 .7rem var(--mono)}.service-card h3{font-size:clamp(1.7rem,2.4vw,2.8rem);letter-spacing:-.075em;line-height:.92;margin:0 0 1rem}.service-card p{font-size:.86rem;line-height:1.5;max-width:300px;margin:0}.service-card ul{list-style:none;margin:1.55rem 0 0;padding:0;border-top:1px solid rgba(17,16,14,.22)}.service-card li{font:500 .7rem/1.35 var(--mono);padding:.62rem 0 .62rem 1rem;border-bottom:1px solid rgba(17,16,14,.18);position:relative}.service-card li::before{content:"✦";position:absolute;left:0;font-size:.55rem;top:.68rem}.service-card b{align-self:end;font-size:1.7rem;font-weight:400}.lime{background:var(--lime)}.blue{background:var(--blue)}.paper{background:var(--paper)}.services-note{font:500 1.1rem/1.4 var(--sans);max-width:560px;margin:3.5rem 0 0}
.work{padding-top:7rem;padding-bottom:7rem}.work .section-head{border-color:var(--line)}.work-grid{display:grid;grid-template-columns:1.18fr .82fr;gap:1rem;margin-top:3rem}.other-work-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1rem;margin-top:1rem}.other-work-grid[hidden]{display:none}.more-work-actions{display:flex;justify-content:center;margin-top:1.5rem}.more-work-toggle{min-width:min(100%,280px);cursor:pointer}.project{min-height:380px;position:relative;overflow:hidden;background:var(--ink)}.project-large{grid-row:span 2;min-height:777px}.project img{width:100%;height:100%;object-fit:cover;position:absolute;inset:0;transition:transform .6s ease,opacity .4s;filter:saturate(.8)}.project:hover img{transform:scale(1.06);opacity:.66}.project-overlay{color:white;position:absolute;inset:0;padding:1.3rem;display:flex;flex-direction:column;justify-content:end;background:linear-gradient(transparent 35%,rgba(0,0,0,.78))}.project-overlay span{font:.64rem var(--mono);letter-spacing:.06em}.project-overlay h3{font-size:clamp(2rem,4vw,4.6rem);letter-spacing:-.09em;line-height:.84;margin:.7rem 0}.project-overlay p{margin:0;font-size:.76rem}.project-devices{min-height:470px;background:#d9d6cf}.project-devices .project-overlay{z-index:2}.device-stage{position:absolute;inset:0;overflow:hidden}.device{position:absolute;background:#131313;border:5px solid #131313;box-shadow:0 25px 40px rgba(0,0,0,.35);overflow:hidden}.device>span{position:absolute;z-index:2;top:0;left:0;right:0;height:17px;background:#131313}.device>span::before,.device>span::after{content:"";position:absolute;border-radius:50%;background:#888;top:6px;width:3px;height:3px}.device>span::before{left:8px}.device>span::after{left:14px}.device-screen{position:absolute;inset:17px 0 0;background-position:center;background-size:cover}.desktop-device{width:73%;height:57%;left:5%;top:9%;border-radius:8px}.mobile-device{width:27%;height:59%;right:7%;top:24%;border-radius:19px;border-width:6px}.mobile-device>span{height:20px}.mobile-device>span::before{width:22px;height:4px;border-radius:99px;left:50%;top:7px;transform:translateX(-50%);background:#555}.mobile-device>span::after{display:none}.mobile-device .device-screen{inset:20px 0 0}.project-devices:hover .desktop-device{transform:translateY(-8px) rotate(-1.5deg)}.project-devices:hover .mobile-device{transform:translateY(-15px) rotate(3deg)}.device{transition:transform .55s cubic-bezier(.22,1,.36,1)}.acar-project{background:#0a1927}.acar-project .device-screen{background-image:linear-gradient(180deg,rgba(6,14,25,.08),rgba(6,14,25,.46)),url("../assets/images/projects/acar-trucking.jpg")}.elit-project{background:#17110d}.elit-project .device-screen{background-image:linear-gradient(180deg,rgba(5,5,5,.04),rgba(5,5,5,.45)),url("../assets/images/projects/elit-koz.png")}.falbaz-project{background:#25170e}.falbaz-project .device-screen{background-image:linear-gradient(180deg,rgba(20,9,3,.08),rgba(20,9,3,.45)),url("../assets/images/projects/falbaz.jpg")}.niyet-project{background:#3a2114}.niyet-project .device-screen{background-image:linear-gradient(180deg,rgba(50,26,14,.05),rgba(50,26,14,.5)),url("../assets/images/projects/niyet.jpg")}
.dicle-project{background:#f4f4f5}.dicle-project .desktop-device .device-screen{background-image:linear-gradient(180deg,rgba(245,245,247,.03),rgba(20,20,20,.08)),url("../assets/images/projects/dicle-dogan-desktop.png")}.dicle-project .mobile-device .device-screen{background-image:linear-gradient(180deg,rgba(245,245,247,.03),rgba(20,20,20,.08)),url("../assets/images/projects/dicle-dogan-mobile.png")}.dicle-project .project-overlay{background:linear-gradient(transparent 30%,rgba(0,0,0,.76))}.dicle-project .desktop-device{width:76%;height:58%;left:4%;top:8%}.dicle-project .mobile-device{right:6%;top:20%;height:66%;background:#f5f5f5;border-color:#111}.promise{padding-top:8rem;padding-bottom:8rem;background:#4c60a3;color:var(--paper);display:grid;grid-template-columns:1fr 3fr;gap:2rem}.promise h2{max-width:800px}.promise h2 em{color:var(--lime)}.promise-stats{grid-column:2;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid rgba(255,255,255,.35);margin-top:1rem}.promise-stats p{margin:0;padding:1rem;border-right:1px solid rgba(255,255,255,.35);display:grid;gap:3rem}.promise-stats strong{font:500 .72rem var(--mono)}.promise-stats span{font-size:.85rem;line-height:1.4}
.process{padding-top:7rem;padding-bottom:7rem}.process .section-head{border-color:var(--line)}.process ol{list-style:none;margin:0;padding:0}.process li{display:grid;grid-template-columns:1fr 3fr;gap:2rem;padding:2rem 0;border-bottom:1px solid var(--line)}.process li>span{font:.72rem var(--mono)}.process h3{font-size:clamp(2rem,3.2vw,3.8rem);letter-spacing:-.08em;line-height:.9;margin:0 0 .7rem}.process p{max-width:420px;line-height:1.5;margin:0;font-size:.9rem}
.contact{padding-top:8rem;padding-bottom:8rem;background:var(--lime);display:grid;grid-template-columns:1fr 2fr;gap:2rem}.contact-copy h2{margin-top:2rem}.contact-copy>p:last-child{font-size:.86rem;line-height:1.5;max-width:390px}.brief-form{display:grid;grid-template-columns:1fr 1fr;gap:1rem;align-content:start;padding-top:3rem}.brief-form label{display:grid;gap:.5rem;font:.66rem var(--mono);text-transform:uppercase}.brief-form input,.brief-form select,.brief-form textarea{border:0;border-bottom:1px solid var(--ink);background:transparent;border-radius:0;padding:.6rem 0;color:var(--ink);outline:none;font:500 .9rem var(--sans);resize:vertical}.brief-form input:focus,.brief-form select:focus,.brief-form textarea:focus{border-color:#4c60a3}.brief-form select{appearance:none;-webkit-appearance:none;-moz-appearance:none;background-image:url("data:image/svg+xml;charset=UTF-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' viewBox='0 0 24 24' fill='none' stroke='%2311100e' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpolyline points='6 9 12 15 18 9'%3E%3C/polyline%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 0.5rem center;background-size:10px;padding-right:1.5rem;cursor:pointer}.brief-form input:-webkit-autofill,.brief-form input:-webkit-autofill:hover,.brief-form input:-webkit-autofill:focus,.brief-form input:-webkit-autofill:active{-webkit-box-shadow:0 0 0 1000px var(--lime) inset !important;-webkit-text-fill-color:var(--ink) !important;transition:background-color 600000s ease-in-out 0s}.wide{grid-column:1/-1}.form-result{grid-column:1/-1;margin:0;min-height:1.4rem;font:.72rem/1.5 var(--mono)}
.site-footer{background:var(--ink);color:var(--paper);min-height:180px;padding-top:2rem;padding-bottom:2rem;display:grid;grid-template-columns:2fr 1fr 1fr auto;align-items:end;gap:1rem}.site-footer p,.site-footer a:not(.brand){font:.65rem var(--mono);text-transform:uppercase;margin:0}.to-top{color:var(--lime)}.reveal{animation:rise .8s both cubic-bezier(.22,1,.36,1)}.delay-1{animation-delay:.1s}.delay-2{animation-delay:.2s}.delay-3{animation-delay:.35s}@keyframes rise{from{opacity:0;transform:translateY(22px)}to{opacity:1;transform:none}}
@media(max-width:720px){.desktop-nav{display:flex !important;gap:1.1rem;order:3;width:100%;justify-content:center;padding-top:.5rem;border-top:1px solid var(--line)}.desktop-nav a{font-size:.62rem;white-space:nowrap}.site-header{height:auto;padding:.8rem 1.25rem;flex-wrap:wrap;row-gap:.5rem}.hero{min-height:calc(100svh - 96px);padding-top:4.5rem}.hero-title{font-size:clamp(3.2rem,14vw,6.2rem);margin:2rem 0 4rem}.hero-title .serif{margin-left:1.3rem}.hero-bottom{grid-template-columns:1fr}.button-dark{justify-self:start}.hero-art{display:none}.intro,.promise,.contact{grid-template-columns:1fr;padding-top:5rem;padding-bottom:5rem}.intro-copy h2,.promise h2,.contact h2{font-size:clamp(2.7rem,12vw,4.5rem)}.services-grid,.work-grid,.other-work-grid{grid-template-columns:1fr}.service-card{min-height:390px}.project,.project-large{min-height:390px}.promise-stats{grid-column:1;grid-template-columns:1fr}.promise-stats p{grid-template-columns:45px 1fr;gap:1rem;border-right:0;border-bottom:1px solid rgba(255,255,255,.35)}.process li{grid-template-columns:60px 1fr}.brief-form{padding-top:0;grid-template-columns:1fr}.site-footer{grid-template-columns:1fr;text-align:center;gap:1.5rem;justify-items:center}.site-footer .brand{grid-column:1/-1}.site-footer .to-top{justify-self:center}.orb-one{right:-17rem}.hero-topline .eyebrow:last-child{display:none}}
.site-header .brand-logo-link{min-width:7.4rem}.site-footer .brand-logo-link{min-width:6rem}
