@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/8d697b304b401681-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/ba015fad6dcf6784-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/569ce4b8f30dc480-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Fallback;src:local("Arial");ascent-override:95.94%;descent-override:28.16%;line-gap-override:0.00%;size-adjust:104.76%}.__className_5cfdac{font-family:Geist,Geist Fallback;font-style:normal}.__variable_5cfdac{--font-geist-sans:"Geist","Geist Fallback"}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/9610d9e46709d722-s.woff2) format("woff2");unicode-range:u+0301,u+0400-045f,u+0490-0491,u+04b0-04b1,u+2116}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/747892c23ea88013-s.woff2) format("woff2");unicode-range:u+0100-02ba,u+02bd-02c5,u+02c7-02cc,u+02ce-02d7,u+02dd-02ff,u+0304,u+0308,u+0329,u+1d00-1dbf,u+1e00-1e9f,u+1ef2-1eff,u+2020,u+20a0-20ab,u+20ad-20c0,u+2113,u+2c60-2c7f,u+a720-a7ff}@font-face{font-family:Geist Mono;font-style:normal;font-weight:100 900;font-display:swap;src:url(/_next/static/media/93f479601ee12b01-s.p.woff2) format("woff2");unicode-range:u+00??,u+0131,u+0152-0153,u+02bb-02bc,u+02c6,u+02da,u+02dc,u+0304,u+0308,u+0329,u+2000-206f,u+20ac,u+2122,u+2191,u+2193,u+2212,u+2215,u+feff,u+fffd}@font-face{font-family:Geist Mono Fallback;src:local("Arial");ascent-override:74.67%;descent-override:21.92%;line-gap-override:0.00%;size-adjust:134.59%}.__className_9a8899{font-family:Geist Mono,Geist Mono Fallback;font-style:normal}.__variable_9a8899{--font-geist-mono:"Geist Mono","Geist Mono Fallback"}.liquid-glass-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:rgba(0,0,0,.45);z-index:9999}.liquid-glass-overlay,.main{display:flex;align-items:center;justify-content:center}.main{background:url("https://assets.codepen.io/204808/berkay-gumustekin-ngqyo2AYYnE-unsplash(1).jpg") 50% /cover no-repeat;min-height:100vh;min-width:100vw}.heading{color:#fff;font-size:clamp(3.125rem,8.083vw + 1.033rem,7.5rem);line-height:clamp(3.75rem,6.928vw + 1.957rem,7.5rem);position:fixed;top:1.25rem}.liquid-glass{--glass-size-w:16.875rem;--glass-size-h:16.875rem;--glass-padding:1.875rem;--border-radius:2rem;--transition:0.4s cubic-bezier(0.5,1.5,0.5,1);--menu-gap:1rem;--icon-size:4rem;--icon-border-radius:1rem;--icon-padding:0.75rem;border-radius:var(--border-radius);cursor:grab;height:var(--glass-size-h);padding:var(--glass-padding);position:relative;transition:width var(--transition),height var(--transition),padding var(--transition);width:var(--glass-size-w)}.liquid-glass.is-expanded{--glass-size-w:34.375rem;--glass-size-h:43.75rem;--glass-padding:2.5rem}.liquid-glass--bend{backdrop-filter:blur(3px);filter:url(#glass-blur);z-index:0}.liquid-glass--bend,.liquid-glass--face{border-radius:var(--border-radius);inset:0;position:absolute}.liquid-glass--face{box-shadow:0 4px 4px rgba(0,0,0,.15),0 0 12px rgba(0,0,0,.08);z-index:1}.liquid-glass--edge{border-radius:var(--border-radius);box-shadow:inset 3px 3px 3px 0 rgba(255,255,255,.45),inset -3px -3px 3px 0 rgba(255,255,255,.45);inset:0;position:absolute;z-index:2}.liquid-glass__menus{display:flex;gap:var(--menu-gap);transition:gap var(--transition)}.liquid-glass.is-expanded .liquid-glass__menus{--menu-gap:2rem}.liquid-glass__link{border-radius:var(--icon-border-radius);box-shadow:inset 1px 1px 1px 0 rgba(255,255,255,.45),inset -1px -1px 1px 0 rgba(255,255,255,.45);display:flex;height:var(--icon-size);padding:var(--icon-padding);pointer-events:none;transition:width var(--transition),height var(--transition),border-radius var(--transition);width:var(--icon-size);z-index:3}.liquid-glass.is-expanded .liquid-glass__link{--icon-size:8rem;--icon-border-radius:2rem;--icon-padding:1.5rem;cursor:default;pointer-events:auto;box-shadow:inset 1px 2px 2px 0 rgba(255,255,255,.45),inset -1px -2px 2px 0 rgba(255,255,255,.45)}.link-linkedin{background:linear-gradient(90deg,rgba(26,118,173,1),rgba(40,142,201,1))}.link-frontendly{background:linear-gradient(90deg,rgba(38,38,38,1),rgba(48,48,48,1))}.description{bottom:3.125rem;color:#fff;font-family:Open Sans,sans-serif;font-optical-sizing:auto;font-size:1.5rem;left:50%;position:fixed;text-align:center;transform:translateX(-50%)}.site-menu{position:relative;display:flex;align-items:center;z-index:1000}.menu-icon{width:36px;height:36px;display:flex;flex-direction:column;justify-content:center;cursor:pointer;gap:6px;margin-right:12px}.menu-icon span{display:block;height:4px;width:100%;background:#fff;border-radius:2px;transition:.3s}.menu-toggle:checked+.menu-icon span:first-child{transform:translateY(10px) rotate(45deg)}.menu-toggle:checked+.menu-icon span:nth-child(2){opacity:0}.menu-toggle:checked+.menu-icon span:nth-child(3){transform:translateY(-10px) rotate(-45deg)}.menu-list{position:absolute;top:44px;left:0;background:rgba(20,20,20,.98);border-radius:8px;box-shadow:0 4px 24px rgba(0,0,0,.2);padding:16px 0;min-width:160px;display:none;flex-direction:column;gap:0}.menu-toggle:checked~.menu-list{display:flex}.menu-list li{list-style:none}.menu-list a{display:block;padding:12px 24px;color:#fff;text-decoration:none;font-family:inherit;font-size:1rem;transition:background .2s}.menu-list a:hover{background:#222}@font-face{font-family:PPSupplyMono;src:url(https://assets.codepen.io/7558/PPSupplyMono-Regular.ttf) format("truetype");font-weight:400;font-style:normal}@font-face{font-family:GT Standard;src:url(https://assets.codepen.io/7558/GT-Standard-VF-Trial.woff2) format("woff2-variations");font-weight:300 900;font-stretch:0% 150%;font-style:normal}:root{--font-sans:"GT Standard",system-ui,"Segoe UI",Roboto,Helvetica,Arial,sans-serif;--font-mono:"PPSupplyMono","Courier New",monospace;--color-bg:#ff3300;--color-text:#ffffff;--color-accent:#000000;--color-text-dark:#888888;--color-text-darker:#666666;--color-text-light:#5a5a5a;--color-gradient-1:#3a3a3a;--color-gradient-2:#3f3f3f;--color-gradient-3:#444444;--color-gradient-4:#494949;--color-gradient-5:#4e4e4e;--color-gradient-6:#535353;--color-gradient-7:#585858;--color-gradient-8:#5d5d5d;--color-gradient-9:#626262;--color-gradient-10:#676767;--color-gradient-11:#6c6c6c;--color-gradient-12:#717171;--color-gradient-13:#767676;--color-gradient-14:#7b7b7b;--color-gradient-15:#808080}*{box-sizing:border-box}*,body,html{margin:0;padding:0}body,html{height:100%;overflow-x:hidden}body{font-family:var(--font-sans);background-color:#000;touch-action:pan-y}body:after{content:"";height:100%;background-image:url(https://assets.codepen.io/7558/noise-002.png);background-repeat:repeat;background-size:200px 200px;opacity:.05;pointer-events:none;z-index:9999;mix-blend-mode:screen}body:after,header{position:fixed;top:0;left:0;width:100%}header{z-index:100;background-color:transparent;padding:2rem}.container{display:flex;justify-content:space-between;align-items:flex-start;width:100%}.logo-container{display:block;width:3rem;height:1.5rem;position:relative}.logo-circles{position:relative;width:100%;height:100%}.circle{position:absolute;border-radius:50%;transition:transform .3s ease;width:1.4rem;height:1.4rem;background-color:var(--color-text);top:50%}.circle-1{left:0}.circle-1,.circle-2{transform:translateY(-50%)}.circle-2{left:.8rem;mix-blend-mode:exclusion}.logo-container:hover .circle-1{transform:translate(-.5rem,-50%)}.logo-container:hover .circle-2{transform:translate(.5rem,-50%)}.effects{text-align:left}.social{text-align:right}ul{list-style:none}header a{position:relative;cursor:pointer;color:var(--color-text);padding:0;display:inline-block;z-index:1;text-decoration:none;font-family:var(--font-mono);font-size:10px;text-transform:uppercase;opacity:.7;transition:color .3s ease}header a:after{content:"";position:absolute;top:0;left:0;width:0;height:100%;background-color:var(--color-text);z-index:-1;transition:width .3s cubic-bezier(.34,1.56,.64,1)}header a:hover:after{width:100%}header a.active,header a:hover{color:#222220;mix-blend-mode:difference;opacity:1}header a.active:after{width:100%}.hero-section{position:relative;width:100vw;height:100vh;display:flex;justify-content:center;align-items:center;background:linear-gradient(135deg,#0a0a0a,#1a1a1a 50%,#0a0a0a);overflow:hidden;margin:0;padding:0}.text-columns{position:absolute;left:50%;top:50%;transform:translate(-50%,-50%);z-index:5;display:grid;grid-template-columns:repeat(12,1fr);gap:1rem;width:100vw;padding:0 2rem}.text-column{grid-column:span 4;display:flex;flex-direction:column;gap:20px;width:100%}.text-item{font-family:var(--font-sans);font-size:18px;font-weight:700;letter-spacing:-.5px;opacity:0;transform:translateY(20px);filter:blur(10px)}.text-item:first-child{color:var(--color-gradient-1)}.text-item:nth-child(2){color:var(--color-gradient-2)}.text-item:nth-child(3){color:var(--color-gradient-3)}.text-item:nth-child(4){color:var(--color-gradient-4)}.text-item:nth-child(5){color:var(--color-gradient-5)}.text-item:nth-child(6){color:var(--color-gradient-6)}.text-item:nth-child(7){color:var(--color-gradient-7)}.text-item:nth-child(8){color:var(--color-gradient-8)}.text-item:nth-child(9){color:var(--color-gradient-9)}.text-item:nth-child(10){color:var(--color-gradient-10)}.text-item:nth-child(11){color:var(--color-gradient-11)}.text-item:nth-child(12){color:var(--color-gradient-12)}.text-item:nth-child(13){color:var(--color-gradient-13)}.text-item:nth-child(14){color:var(--color-gradient-14)}.text-item:nth-child(15){color:var(--color-gradient-15)}.text-item.visible{opacity:1;transform:translateY(0);filter:blur(0)}.rotated-text{position:absolute;right:50px;top:0;height:100vh;z-index:5;display:flex;flex-direction:column;justify-content:space-evenly;align-items:center}.rotated-item{color:var(--color-text-dark);font-family:var(--font-sans);font-size:20px;font-weight:700;letter-spacing:-.5px;transform:rotate(90deg);transform-origin:center;white-space:nowrap;opacity:0;filter:blur(10px)}.rotated-item.visible{opacity:1;filter:blur(0)}.hero-svg{width:100vw;height:auto;pointer-events:none;user-select:none}.letter-f{z-index:13}.letter-l{z-index:11}.letter-a{z-index:13}.letter-m{z-index:11}.letter-e{z-index:13}.trail-img{object-fit:cover;pointer-events:none}.trail-image,.trail-img{position:absolute;transform-origin:center;will-change:transform;z-index:12}.image-fragment,.trail-image{overflow:hidden;backface-visibility:hidden;transform:translateZ(0)}.image-fragment{position:absolute;will-change:transform,clip-path}.fragment-bg{position:absolute;top:0;left:0;width:100%;height:100%;background-size:cover;background-position:50%;background-repeat:no-repeat;transform:translateZ(0)}.touch-instruction{bottom:30px;left:0;right:0;text-align:center;opacity:.7;display:none}.speed-indicator,.touch-instruction{position:absolute;color:var(--color-text);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;z-index:20}.speed-indicator{bottom:20px;left:50%;transform:translateX(-50%);opacity:0;transition:opacity .3s ease}.cursor-hint{position:absolute;bottom:30px;left:0;right:0;text-align:center;color:var(--color-text);font-family:var(--font-mono);font-size:10px;text-transform:uppercase;opacity:.6;z-index:20}@keyframes pulse{0%,to{opacity:.6}50%{opacity:.3}}@media (max-width:1024px){.text-item{font-size:16px}}@media (max-width:768px){header{padding:1rem}.container{flex-direction:column;align-items:flex-start;gap:1.25rem}.social{text-align:left}.rotated-text,.text-columns{display:none}.touch-instruction{display:block}.cursor-hint{display:none}}