@font-face{font-family:geist;src:url(../media/Geist-s.p.0zew5gd_g57ty.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geist Fallback;src:local(Arial);ascent-override:94.56%;descent-override:27.76%;line-gap-override:0.0%;size-adjust:106.28%}.-yz3IW_className{font-family:geist,geist Fallback}.-yz3IW_variable{--font-geist:"geist", "geist Fallback"}
@font-face{font-family:geistMono;src:url(../media/GeistMono-s.0arr052850dwb.woff2)format("woff2");font-display:swap;font-weight:100 900}@font-face{font-family:geistMono Fallback;src:local(Arial);ascent-override:76.43%;descent-override:22.43%;line-gap-override:0.0%;size-adjust:131.49%}.Q0io_W_className{font-family:geistMono,geistMono Fallback}.Q0io_W_variable{--font-geist-mono:"geistMono", "geistMono Fallback"}
:root{--kagiz:#f4f2ec;--murekkeb:#111318;--gece:#0b0e14;--isti:#e8743b;--bg:var(--gece);--fg:var(--kagiz);--fg-2:color-mix(in oklab, var(--fg) 64%, transparent);--xett:color-mix(in oklab, var(--fg) 12%, transparent);--xett-2:color-mix(in oklab, var(--fg) 40%, transparent);--d:8px;--font:var(--font-geist), system-ui, sans-serif;--mono:var(--font-geist-mono), ui-monospace, monospace;--don:.6s cubic-bezier(.65,0,.35,1);--ease:cubic-bezier(.2,.8,.2,1);--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}:root[data-theme=light]{--bg:var(--kagiz);--fg:var(--murekkeb);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light}*{box-sizing:border-box}@media (prefers-reduced-motion:no-preference){html{scroll-behavior:smooth}}body{background:var(--bg);color:var(--fg);font:18px/1.55 var(--font);-webkit-font-smoothing:antialiased;margin:0}a{color:inherit;text-decoration:none}img,svg{max-width:100%;display:block}h1,h2,h3{letter-spacing:-.025em;margin:0;font-weight:500}h2{max-width:16ch;font-size:clamp(30px,4.4vw,52px);line-height:1.08}p{max-width:36ch;margin:0}.k{font:13px/1.5 var(--mono);color:var(--fg-2)}.sr{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.wrap{max-width:1280px;margin:0 auto;padding:0 clamp(16px,6vw,96px)}section{border-top:1px solid var(--xett);padding:clamp(72px,12vh,140px) 0}section .wrap{gap:clamp(28px,5vh,56px);display:grid}a:focus-visible,button:focus-visible{outline:2px solid var(--fg);outline-offset:3px}.skip{z-index:9;background:var(--fg);color:var(--bg);corner-shape:squircle;border-radius:12px;padding:10px 14px;font-size:14px;position:absolute;top:-48px;left:16px}.skip:focus{top:12px}.ms{gap:var(--g);align-content:center;justify-items:center;display:inline-grid}.ms i{width:var(--g);height:var(--g);background:currentColor;border-radius:50%;display:block}.ms i.isti{background:var(--isti)}.ms.h{grid-auto-flow:column}.btn{corner-shape:squircle;background:var(--fg);color:var(--bg);font:500 16px var(--font);cursor:pointer;border:0;border-radius:999px;align-items:center;gap:12px;min-height:44px;padding:14px 22px;display:inline-flex}.btn .ms{--g:4px}.btn .ms i{background:var(--bg)}.btn .ms i.isti{background:var(--isti)}.btn:disabled{opacity:.6;cursor:default}header{z-index:3;background:color-mix(in oklab,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(14px);border-bottom:1px solid var(--xett);position:sticky;top:0}header .wrap{justify-content:space-between;align-items:center;gap:16px;height:56px;display:flex}header nav{gap:24px;display:flex}header nav a{color:var(--fg-2);font-size:15px}header nav a:hover{color:var(--fg)}header .logo{letter-spacing:-.02em;align-items:center;gap:10px;font-weight:500;display:flex}header .logo .ms{--g:4px}.lang{align-items:center;gap:12px;display:flex}.lang a{font:13px var(--mono);color:var(--fg-2)}.lang a[aria-current]{color:var(--fg)}.tt{corner-shape:squircle;font:13px var(--mono);color:var(--fg);border:1px solid var(--xett-2);cursor:pointer;background:0 0;border-radius:999px;align-items:center;gap:8px;min-height:32px;padding:6px 12px;display:inline-flex}.tt:hover{border-color:var(--fg)}.tt .ms{transition:rotate var(--don)}:root[data-theme=light] .tt .ms{rotate:90deg}.hero{text-align:center;border-top:0;align-content:center;min-height:calc(100dvh - 56px);display:grid}.hero .wrap{justify-items:center;gap:clamp(20px,3vh,32px)}.hero .stage{letter-spacing:-.04em;place-items:center;padding-top:.9em;font-size:clamp(56px,10vw,140px);font-weight:500;line-height:1;display:grid}.hero .stage>*{grid-area:1/1;margin:0;font-size:1em}.hero .goz .l{animation:4.2s both cover-l}.hero.same .goz .l{animation:none}.hero .td{animation:4.2s both cover-td}.hero .o{display:inline-block;position:relative}.hero .pair{transform-origin:50%;gap:.13em;animation:4.2s cubic-bezier(.65,0,.35,1) both cover-pair;display:flex;position:absolute;top:-.14em;left:50%}.hero .pair i{background:currentColor;border-radius:50%;width:.13em;height:.13em;display:block}.hero .pair i+i{background:var(--isti)}@keyframes cover-pair{0%,22%{transform:translate(-50%)rotate(0)scale(1)}42%{transform:translate(-50%,-1.05em)rotate(0)scale(2)}60%,to{transform:translate(-50%,-1.05em)rotate(90deg)scale(2)}}@keyframes cover-l{0%,60%{opacity:1}72%,to{opacity:0}}@keyframes cover-td{0%,66%{opacity:0}82%,to{opacity:1}}.hero h1{letter-spacing:-.02em;max-width:18ch;margin-top:clamp(8px,2vh,16px);font-size:clamp(26px,3.2vw,40px);line-height:1.15}.works{grid-template-columns:repeat(6,1fr);gap:24px;display:grid}.work{color:inherit;grid-column:span 2;align-content:start;gap:16px;display:grid}.work.big{grid-column:span 3}.work.wide .frame>img{object-fit:cover;object-position:top;height:100%}.work:not(a){cursor:default}.work:not(a):hover .frame>img{translate:0;scale:1}.work .frame{aspect-ratio:16/10;corner-shape:squircle;border:1px solid var(--xett);background:var(--kagiz);isolation:isolate;border-radius:22px;display:block;position:relative;overflow:hidden}.work .frame>img{width:100%;height:auto;transition:translate 1.6s var(--ease),scale 1.6s var(--ease);display:block}.work .phone{corner-shape:squircle;border:1px solid color-mix(in oklab,var(--murekkeb) 18%,transparent);width:21%;transition:translate .8s var(--ease);background:#fff;border-radius:14px;position:absolute;bottom:-6%;right:5%;overflow:hidden;box-shadow:0 18px 40px -18px #0000008c}.work .phone img{width:100%;height:auto;display:block}.work .meta{gap:6px;display:grid}.work h3{font-size:20px;line-height:1.25}.work p{color:var(--fg-2);max-width:40ch;font-size:15px}.work .k{transition:color .3s}.work:hover .frame>img{translate:0 -4%;scale:1.03}.work:hover .phone{translate:0 -6px}.work:hover .k{color:var(--fg)}.work:focus-visible{outline-offset:6px;border-radius:24px}.cap{letter-spacing:-.02em;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:12px 40px;margin:0;padding:0;font-size:clamp(22px,2.6vw,32px);font-weight:500;line-height:1.5;list-style:none;display:grid}.cap li{align-items:center;gap:16px;display:flex}.cap .ms{--g:5px}.mess{place-items:center;min-height:420px;display:grid;position:relative}.scatter{width:1px;height:1px;position:relative}.scatter i{background:var(--fg);opacity:.7;width:14px;height:14px;translate:var(--x) var(--y);border-radius:50%;animation:linear both gather;animation-timeline:view();animation-range:cover 15% cover 55%;position:absolute;top:0;left:0}.scatter i:first-child{opacity:1;animation:none;translate:0 -14px}.scatter i:nth-child(2){opacity:1;background:var(--isti);animation:none;translate:0 14px}.scatter i[data-l]:after{content:attr(data-l);font:13px var(--mono);color:var(--fg);opacity:.8;white-space:nowrap;position:absolute;top:-3px;left:22px}@keyframes gather{0%{translate:var(--x) var(--y);opacity:.7}to{opacity:0;translate:0}}.mess .lab{position:absolute;bottom:0;left:0}.steps{grid-template-columns:repeat(auto-fit,minmax(240px,1fr));gap:32px;display:grid}.steps div{align-content:start;gap:10px;display:grid}.steps h3{font-size:22px}.steps p{color:var(--fg-2);font-size:16px}.contact .wrap{justify-items:start}.contact h2{max-width:20ch}footer{border-top:1px solid var(--xett);padding:40px 0}footer .wrap{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px 32px;display:flex}footer nav{flex-wrap:wrap;gap:20px;display:flex}footer nav a{color:var(--fg-2);font-size:14px}footer nav a:hover{color:var(--fg)}.clock b{font-weight:400;animation:1s steps(2,end) infinite blink}@keyframes blink{to{opacity:0}}@keyframes reveal{0%{opacity:0;translate:0 24px}to{opacity:1;translate:0}}.reveal{animation:reveal 1s var(--ease) both;animation-timeline:view();animation-range:entry entry 28%}@supports not (animation-timeline:view()){.reveal{animation:none}}@media (prefers-reduced-motion:reduce){.reveal,.clock b,.scatter i{animation:none}.scatter i:nth-child(n+3){opacity:0}.hero .goz .l,.hero .td,.hero .pair{animation-duration:0s!important}.work *{transition:none!important}}@media (max-width:900px){header nav{display:none}.works{grid-template-columns:1fr 1fr}.work,.work.big{grid-column:span 1}}@media (max-width:640px){header nav,.tt-l{display:none}.tt{padding:6px 10px}.works{grid-template-columns:1fr;gap:32px}.work .frame{border-radius:18px}.mess{min-height:320px}footer .wrap{flex-direction:column;align-items:flex-start}}