@font-face{font-family:Borna;src:url(/fonts/borna-regular-webfont.woff2) format("woff2"),url(/fonts/borna-regular-webfont.woff) format("woff");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Borna;src:url(/fonts/borna-medium-webfont.woff2) format("woff2"),url(/fonts/borna-medium-webfont.woff) format("woff");font-weight:500;font-style:normal;font-display:swap}@font-face{font-family:Borna;src:url(/fonts/borna-semibold-webfont.woff2) format("woff2"),url(/fonts/borna-semibold-webfont.woff) format("woff");font-weight:600;font-style:normal;font-display:swap}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}:root{--red: #E60000;--offwhite: #F5F2ED;--red-muted: rgba(230, 0, 0, .75);--red-light: rgba(230, 0, 0, .1);--font: "Borna", "Helvetica Neue", Arial, sans-serif;--section-gap: 120px}html{scroll-behavior:smooth;background:var(--offwhite);overflow-x:hidden;font-size:16px}body{font-family:var(--font);color:var(--red);background:var(--offwhite);line-height:1.6;overflow-x:hidden}::selection{background:var(--red);color:var(--offwhite)}.phi-grid{position:fixed;top:0;left:0;width:100vw;height:100vh;pointer-events:none;z-index:9999;opacity:.035}.phi-grid .v-line{position:absolute;top:0;height:100%;width:1px;background:var(--red)}.phi-grid .h-line{position:absolute;left:0;width:100%;height:1px;background:var(--red)}.phi-grid .v-line:nth-child(1){left:38.2%}.phi-grid .v-line:nth-child(2){left:61.8%}.phi-grid .v-line:nth-child(3){left:23.6%}.phi-grid .v-line:nth-child(4){left:76.4%}.phi-grid .h-line:nth-child(5){top:38.2%}.phi-grid .h-line:nth-child(6){top:61.8%}nav{position:fixed;top:0;left:0;right:0;z-index:1000;padding:28px 60px;display:flex;justify-content:space-between;align-items:center;transition:all .5s cubic-bezier(.16,1,.3,1)}nav.scrolled{background:#f5f2edeb;backdrop-filter:blur(20px);padding:18px 60px}.nav-name{font-size:clamp(.75rem,.7rem + .15vw,.875rem);font-weight:600;letter-spacing:.1em;color:var(--red);text-transform:uppercase;text-decoration:none}.nav-links{display:flex;gap:40px;list-style:none}.nav-links a{font-size:clamp(.6875rem,.625rem + .2vw,.8125rem);font-weight:500;letter-spacing:.04em;color:var(--red);text-decoration:none;text-transform:uppercase;position:relative;transition:opacity .3s}.nav-links a:after{content:"";position:absolute;bottom:-4px;left:0;width:0;height:1.5px;background:var(--red);transition:width .4s cubic-bezier(.16,1,.3,1)}.nav-links a:hover:after{width:100%}nav.on-red .nav-name,nav.on-red .nav-links a{color:var(--offwhite)}nav.on-red .nav-links a:after{background:var(--offwhite)}nav.on-red.scrolled{background:#e60000f0}nav.on-red.scrolled .nav-name,nav.on-red.scrolled .nav-links a{color:var(--offwhite)}.hero{min-height:100vh;background:var(--offwhite);display:flex;flex-direction:column;justify-content:flex-end;padding:0 60px 100px;position:relative;overflow:hidden}.hero:before{content:"TG";position:absolute;top:-8vw;right:-4vw;font-weight:600;font-size:45vw;color:var(--red);opacity:.04;line-height:.85;pointer-events:none}.hero-claim{font-size:clamp(40px,6.5vw,96px);font-weight:600;color:var(--red);line-height:1.05;letter-spacing:-.03em;max-width:75%;position:relative;z-index:2}.hero-claim .line{display:block;opacity:0;transform:translateY(60px);animation:revealLine .9s cubic-bezier(.16,1,.3,1) forwards}.hero-claim .line:nth-child(1){animation-delay:.3s}.hero-claim .line:nth-child(2){animation-delay:.5s}.hero-claim .line:nth-child(3){animation-delay:.7s}@keyframes revealLine{to{opacity:1;transform:translateY(0)}}.hero-sub{font-size:clamp(14px,1.4vw,20px);font-weight:400;color:var(--red-muted);opacity:0;margin-top:40px;letter-spacing:.02em;position:relative;z-index:2;animation:fadeUp .8s 1.1s cubic-bezier(.16,1,.3,1) forwards}.hero-cta{display:inline-flex;align-items:center;justify-content:center;margin-top:48px;width:140px;height:140px;background:var(--red);color:var(--offwhite);font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-weight:500;text-decoration:none;letter-spacing:.02em;border-radius:50%;opacity:0;position:relative;z-index:2;transition:all .5s cubic-bezier(.16,1,.3,1);animation:fadeUp .8s 1.3s cubic-bezier(.16,1,.3,1) forwards;text-align:center;line-height:1.3}.hero-cta:hover{transform:scale(1.08);box-shadow:0 0 0 12px var(--red-light)}@keyframes fadeUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}.reveal{opacity:0;transform:translateY(50px);transition:all 1s cubic-bezier(.16,1,.3,1)}.reveal.visible{opacity:1;transform:translateY(0)}.reveal-delay-1{transition-delay:.15s}.reveal-delay-2{transition-delay:.3s}.reveal-delay-3{transition-delay:.45s}.marquee-wrap{overflow:hidden;padding:40px 0;background:var(--offwhite);border-top:1px solid var(--red-light);border-bottom:1px solid var(--red-light)}.marquee{display:flex;white-space:nowrap;animation:marquee 30s linear infinite}.marquee span{font-size:clamp(40px,6vw,80px);font-weight:600;color:var(--red);opacity:.07;letter-spacing:-.02em;padding-right:80px}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}.section-index{font-size:clamp(.625rem,.55rem + .2vw,.75rem);font-weight:300;color:var(--red);letter-spacing:.1em;margin-bottom:24px;opacity:.6}.section-index.light{color:var(--offwhite);opacity:.7}.intro{padding:var(--section-gap) 60px;background:var(--offwhite);min-height:100vh;display:flex;align-items:center}.intro-grid{display:grid;grid-template-columns:38.2% 1fr;gap:80px;align-items:start;width:100%;max-width:1400px}.intro-headline{font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--red);position:sticky;top:140px}.intro-body{font-size:clamp(1rem,.925rem + .25vw,1.125rem);line-height:1.75;color:var(--red);opacity:.85;max-width:580px;margin-bottom:48px}.accent-quote{font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-weight:400;line-height:1.8;color:var(--red);opacity:.8;padding-left:28px;border-left:2px solid var(--red);max-width:540px}.services{background:var(--red);color:var(--offwhite);padding:var(--section-gap) 60px;position:relative}.services:before{content:"";position:absolute;top:0;left:38.2%;width:1px;height:100%;background:#f5f2ed14}.services-header{margin-bottom:max(10vh,80px)}.services-headline{font-size:clamp(40px,5.5vw,80px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--offwhite)}.services-sub{font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-weight:400;color:var(--offwhite);opacity:.75;margin-top:20px}.service-item{display:grid;grid-template-columns:38.2% 1fr;gap:60px;padding:80px 0;border-top:1px solid rgba(245,242,237,.12);align-items:start}.service-label{font-size:clamp(12px,1vw,14px);font-weight:500;letter-spacing:.14em;text-transform:uppercase;color:var(--offwhite);opacity:.7;margin-bottom:20px}.service-title{font-size:clamp(24px,2.8vw,40px);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:#f5f2ed}.service-body{font-size:clamp(.9375rem,.875rem + .25vw,1.0625rem);line-height:1.7;color:var(--offwhite);opacity:1;max-width:520px;margin-bottom:32px}.service-list{list-style:none;display:flex;flex-direction:column;gap:10px}.service-list li{font-size:clamp(.75rem,.7rem + .15vw,.875rem);font-weight:400;color:var(--offwhite);opacity:1;padding-left:20px;position:relative}.service-list li:before{content:"—";position:absolute;left:0;color:var(--offwhite);opacity:.6}.projects{background:var(--offwhite);padding:var(--section-gap) 60px}.projects-header{margin-bottom:max(10vh,80px)}.projects-headline{font-size:clamp(40px,5.5vw,80px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--red)}.projects-sub{font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-weight:400;color:var(--red);opacity:.7;margin-top:20px}.project-grid{display:grid;grid-template-columns:1fr 1fr;gap:40px 40px}.project-card{padding:48px;background:var(--red);color:var(--offwhite);overflow:hidden;transition:transform .5s cubic-bezier(.16,1,.3,1);position:relative;height:275px}.project-card:hover{transform:translateY(-4px)}.project-card:nth-child(2),.project-card:nth-child(4){transform:translateY(-60px)}.project-card:nth-child(2):hover,.project-card:nth-child(4):hover{transform:translateY(-64px)}.project-card:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:3px;background:var(--offwhite);transform:scaleX(0);transform-origin:left;transition:transform .6s cubic-bezier(.16,1,.3,1)}.project-card:hover:after{transform:scaleX(1)}.project-branche{font-size:clamp(.6875rem,.625rem + .2vw,.8125rem);font-weight:500;color:var(--offwhite);opacity:.7;margin-bottom:20px}.project-title{font-size:clamp(20px,2vw,28px);font-weight:600;line-height:1.2;letter-spacing:-.02em;color:var(--offwhite);margin-bottom:20px}.project-desc{font-size:clamp(.875rem,.8rem + .15vw,.9375rem);line-height:1.7;color:var(--offwhite);opacity:1}.about{background:var(--offwhite);color:var(--red);padding:var(--section-gap) 60px;position:relative;overflow:hidden}.about:after{content:"TAREK GARIR";position:absolute;bottom:-3vw;left:-2vw;font-weight:600;font-size:14vw;color:var(--red);opacity:.04;white-space:nowrap;pointer-events:none;letter-spacing:-.03em}.about-grid{display:grid;grid-template-columns:1fr 61.8%;gap:80px;align-items:start;position:relative;z-index:2}.about-headline{font-size:clamp(40px,5.5vw,80px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--red)}.about-body{font-size:clamp(1rem,.925rem + .25vw,1.125rem);line-height:1.75;color:var(--red);opacity:.85;max-width:600px;margin-bottom:24px}.about-quote{font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-weight:400;line-height:1.8;color:var(--red);opacity:.8;padding-left:28px;border-left:2px solid var(--red);margin:48px 0;max-width:480px}.about-photo{margin-top:48px;position:relative;width:100%;aspect-ratio:3 / 4;overflow:hidden}.about-photo img{width:100%;height:100%;object-fit:cover;filter:grayscale(40%) contrast(1.05);transition:filter .6s ease}.about-photo:hover img{filter:grayscale(0%) contrast(1)}.about-photo-placeholder{width:100%;height:100%;background:var(--red);display:flex;align-items:center;justify-content:center;font-size:clamp(48px,6vw,80px);font-weight:600;color:var(--offwhite);opacity:.12;letter-spacing:-.03em;user-select:none}.about-photo:after{content:"";position:absolute;bottom:0;left:0;width:100%;height:40%;background:linear-gradient(to top,rgba(245,242,237,.15),transparent);pointer-events:none}.about-quals{font-size:clamp(1.125rem,1rem + .35vw,1.25rem);font-weight:500;color:var(--red);opacity:.6;line-height:2;margin-top:40px;letter-spacing:.02em}.contact{background:var(--red);color:var(--offwhite);padding:var(--section-gap) 60px;min-height:80vh;display:flex;align-items:center;position:relative;overflow:hidden}.contact:before{content:"→";position:absolute;right:8vw;top:50%;transform:translateY(-50%);font-weight:300;font-size:20vw;color:#f5f2ed0f;pointer-events:none}.contact-content{position:relative;z-index:2;max-width:700px}.contact-headline{font-size:clamp(48px,7vw,100px);font-weight:600;line-height:1.05;letter-spacing:-.03em;color:var(--offwhite);margin-bottom:40px}.contact-body{font-size:clamp(1rem,.925rem + .25vw,1.125rem);line-height:1.7;color:var(--offwhite);opacity:.85;max-width:480px;margin-bottom:60px}.contact-email{font-size:clamp(24px,3.5vw,48px);font-weight:600;color:var(--offwhite);text-decoration:none;letter-spacing:-.02em;display:inline-block;position:relative}.contact-email:after{content:"";position:absolute;bottom:-4px;left:0;width:100%;height:2px;background:var(--offwhite);transform:scaleX(0);transform-origin:right;transition:transform .5s cubic-bezier(.16,1,.3,1)}.contact-email:hover:after{transform:scaleX(1);transform-origin:left}.contact-linkedin{display:inline-block;margin-top:24px;font-size:clamp(.9375rem,.875rem + .2vw,1rem);font-weight:500;color:var(--offwhite);opacity:.75;text-decoration:none;transition:opacity .3s}.contact-linkedin:hover{opacity:1}footer{background:var(--red);border-top:1px solid rgba(245,242,237,.1);padding:40px 60px;display:flex;justify-content:space-between;align-items:center;font-size:clamp(.6875rem,.625rem + .2vw,.8125rem);color:var(--offwhite);opacity:.75}footer a{color:var(--offwhite);text-decoration:none;margin-left:32px;transition:opacity .3s}footer a:hover{opacity:1}.blog-header{padding:160px 60px var(--section-gap);background:var(--offwhite)}.blog-header h1{font-size:clamp(40px,5.5vw,80px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--red)}.blog-list{padding:0 60px var(--section-gap);background:var(--offwhite)}.blog-post-card{display:grid;grid-template-columns:38.2% 1fr;gap:60px;padding:60px 0;border-top:1px solid var(--red-light);align-items:start}.blog-post-card time{font-size:clamp(.75rem,.7rem + .15vw,.875rem);font-weight:400;color:var(--red);opacity:.7}.blog-post-card h2{font-size:clamp(24px,2.8vw,36px);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--red);margin-bottom:16px}.blog-post-card h2 a{color:var(--red);text-decoration:none;transition:opacity .3s}.blog-post-card h2 a:hover{opacity:.7}.blog-post-card .excerpt{font-size:clamp(.9375rem,.875rem + .25vw,1.0625rem);line-height:1.7;color:var(--red);opacity:.85;max-width:520px}.blog-post-card .tags{display:flex;gap:8px;margin-top:16px;flex-wrap:wrap}.blog-post-card .tag{font-size:clamp(.625rem,.55rem + .2vw,.75rem);font-weight:500;letter-spacing:.06em;text-transform:uppercase;color:var(--red);opacity:.7;padding:4px 12px;border:1px solid var(--red-light)}.blog-post{padding:160px 60px var(--section-gap);background:var(--offwhite);max-width:800px;margin:0 auto}.blog-post h1{font-size:clamp(32px,4vw,56px);font-weight:600;line-height:1.1;letter-spacing:-.02em;color:var(--red);margin-bottom:24px}.blog-post .meta{font-size:clamp(.75rem,.7rem + .15vw,.875rem);color:var(--red);opacity:.7;margin-bottom:60px}.blog-post .prose{font-size:clamp(1rem,.925rem + .25vw,1.125rem);line-height:1.75;color:var(--red);opacity:.85}.blog-post .prose h2{font-size:clamp(1.5rem,1.3rem + .5vw,1.75rem);font-weight:600;color:var(--red);opacity:1;margin-top:48px;margin-bottom:16px}.blog-post .prose h3{font-size:clamp(1.25rem,1.1rem + .4vw,1.375rem);font-weight:600;color:var(--red);opacity:1;margin-top:36px;margin-bottom:12px}.blog-post .prose p{margin-bottom:24px}.blog-post .prose ul,.blog-post .prose ol{margin-bottom:24px;padding-left:24px}.blog-post .prose blockquote{padding-left:28px;border-left:2px solid var(--red);opacity:.5;margin:32px 0}.blog-post .prose a{color:var(--red);text-decoration:underline;text-underline-offset:3px}.blog-post .back-link{display:inline-block;margin-top:60px;font-size:clamp(.75rem,.7rem + .15vw,.875rem);font-weight:500;color:var(--red);opacity:.75;text-decoration:none;text-transform:uppercase;letter-spacing:.04em;transition:opacity .3s}.blog-post .back-link:hover{opacity:1}.podcast-header{padding:160px 60px var(--section-gap);background:var(--offwhite)}.podcast-header h1{font-size:clamp(40px,5.5vw,80px);font-weight:600;line-height:1;letter-spacing:-.03em;color:var(--red)}.podcast-list{padding:0 60px var(--section-gap);background:var(--offwhite)}.podcast-episode{padding:60px 0;border-top:1px solid var(--red-light)}.podcast-episode h2{font-size:clamp(24px,2.8vw,36px);font-weight:600;line-height:1.15;letter-spacing:-.02em;color:var(--red);margin-bottom:12px}.podcast-episode .episode-meta{font-size:clamp(.75rem,.7rem + .15vw,.875rem);color:var(--red);opacity:.7;margin-bottom:16px}.podcast-episode .episode-desc{font-size:clamp(.9375rem,.875rem + .25vw,1.0625rem);line-height:1.7;color:var(--red);opacity:.85;max-width:600px;margin-bottom:24px}.podcast-episode .embed-player{max-width:600px}.podcast-episode .embed-player iframe{width:100%;border:none}.nav-burger{display:none;flex-direction:column;align-items:center;gap:5px;background:none;border:none;cursor:pointer;padding:4px;z-index:1002}.burger-line{display:block;width:28px;height:2px;background:var(--red);transition:all .4s cubic-bezier(.16,1,.3,1);transform-origin:center}.burger-label{font-family:var(--font);font-size:clamp(.5rem,.45rem + .1vw,.5625rem);font-weight:600;letter-spacing:.18em;text-transform:uppercase;color:var(--red);margin-top:2px;transition:color .4s cubic-bezier(.16,1,.3,1)}nav.on-red .burger-line{background:var(--offwhite)}nav.on-red .burger-label{color:var(--offwhite)}.nav-burger.open .burger-line{background:var(--offwhite)}.nav-burger.open .burger-label{color:var(--offwhite)}.nav-burger.open .burger-line:nth-child(1){transform:translateY(7px) rotate(45deg)}.nav-burger.open .burger-line:nth-child(2){opacity:0;transform:scaleX(0)}.nav-burger.open .burger-line:nth-child(3){transform:translateY(-7px) rotate(-45deg)}.mobile-menu{display:none;position:fixed;top:0;left:0;width:100vw;height:100vh;background:var(--red);z-index:999;opacity:0;pointer-events:none;transition:opacity .5s cubic-bezier(.16,1,.3,1);overflow:hidden}.mobile-menu.open{opacity:1;pointer-events:auto}.mobile-menu-grid{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.mg-line{position:absolute;background:#f5f2ed14}.mg-v{top:0;width:1px;height:0;transition:height .8s cubic-bezier(.16,1,.3,1)}.mg-h{left:0;height:1px;width:0;transition:width .8s cubic-bezier(.16,1,.3,1)}.mg-v1{left:38.2%;transition-delay:.1s}.mg-v2{left:61.8%;transition-delay:.2s}.mg-v3{left:23.6%;transition-delay:.3s}.mg-v4{left:76.4%;transition-delay:.4s}.mg-h1{top:38.2%;transition-delay:.25s}.mg-h2{top:61.8%;transition-delay:.35s}.mobile-menu.open .mg-v{height:100%}.mobile-menu.open .mg-h{width:100%}.mobile-menu-links{list-style:none;position:absolute;top:38.2%;left:38.2%;transform:translate(-50%,-50%);display:flex;flex-direction:column;gap:0;z-index:2}.mobile-menu-links li{opacity:0;transform:translateY(30px);transition:all .6s cubic-bezier(.16,1,.3,1)}.mobile-menu.open .mobile-menu-links li{opacity:1;transform:translateY(0)}.mobile-menu.open .mobile-menu-links li:nth-child(1){transition-delay:.3s}.mobile-menu.open .mobile-menu-links li:nth-child(2){transition-delay:.38s}.mobile-menu.open .mobile-menu-links li:nth-child(3){transition-delay:.46s}.mobile-menu.open .mobile-menu-links li:nth-child(4){transition-delay:.54s}.mobile-menu.open .mobile-menu-links li:nth-child(5){transition-delay:.62s}.mobile-menu.open .mobile-menu-links li:nth-child(6){transition-delay:.7s}.mobile-menu-links a{font-size:clamp(28px,7vw,44px);font-weight:600;color:var(--offwhite);text-decoration:none;letter-spacing:-.02em;line-height:1.5;display:block;transition:opacity .3s}.mobile-menu-links a:hover{opacity:.6}@media(max-width:900px){:root{--section-gap: 80px}.nav-burger{display:flex}.nav-links{display:none}.mobile-menu{display:block}nav:has(~.mobile-menu.open) .nav-name{color:var(--offwhite)}nav:has(~.mobile-menu.open).scrolled{background:transparent;backdrop-filter:none}nav{padding:20px 28px}nav.scrolled{padding:16px 28px}.hero{padding:120px 28px 48px;min-height:auto}.hero-claim{max-width:100%}.hero-cta{width:100px;height:100px}.hero:before{font-size:55vw;top:-4vw;right:-8vw}.reveal{transform:translateY(30px)}.hero-claim .line{transform:translateY(40px)}.intro{padding:var(--section-gap) 28px;min-height:auto}.intro-grid{grid-template-columns:1fr;gap:32px}.intro-headline{position:static}.services{padding:var(--section-gap) 28px}.service-item{grid-template-columns:1fr;gap:20px;padding:48px 0}.projects{padding:var(--section-gap) 28px}.project-grid{grid-template-columns:1fr;gap:20px}.project-card{height:auto;padding:36px}.project-card:nth-child(2),.project-card:nth-child(4){transform:none}.project-card:nth-child(2):hover,.project-card:nth-child(4):hover{transform:translateY(-4px)}.about{padding:var(--section-gap) 28px}.about-grid{grid-template-columns:1fr;gap:32px}.about-headline{position:static}.about:after{font-size:20vw;bottom:-1vw}.contact{padding:var(--section-gap) 28px;min-height:60vh}.contact:before{font-size:30vw;right:4vw}.marquee span{padding-right:40px}footer{padding:32px 28px;flex-direction:column;gap:16px}footer a{margin-left:0;margin-right:24px}.blog-header{padding:100px 28px 48px}.blog-list{padding:0 28px var(--section-gap)}.blog-post-card{grid-template-columns:1fr;gap:12px;padding:40px 0}.blog-post{padding:100px 28px var(--section-gap)}.podcast-header{padding:100px 28px 48px}.podcast-list{padding:0 28px var(--section-gap)}.podcast-episode{padding:40px 0}}section[id]{scroll-margin-top:80px}