@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-greek-wght-normal-5tOOQDeJ.woff2) format("woff2-variations");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-ext-wght-normal-JjI8ZrW1.woff2) format("woff2-variations");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:Syne Variable;font-style:normal;font-display:swap;font-weight:400 800;src:url(/assets/syne-latin-wght-normal-BVsvWWA4.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-ext-wght-normal-BOFOeGcA.woff2) format("woff2-variations");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:DM Sans Variable;font-style:normal;font-display:swap;font-weight:100 1000;src:url(/assets/dm-sans-latin-wght-normal-Xz1IZZA0.woff2) format("woff2-variations");unicode-range:U+0000-00FF,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}:root{--bg:#080808;--bg2:#151515;--fg:#F5F4F0;--mute:#929292;--ac:#7C5CFC;--ac2:#6745E8;--line:rgba(245,244,240,.14);--display:"Syne Variable",system-ui,sans-serif;--body:"DM Sans Variable",system-ui,sans-serif;--pad:clamp(20px,5vw,72px);--nav:64px}*,*:before,*:after{box-sizing:border-box}html{-webkit-text-size-adjust:100%;scroll-padding-top:var(--nav)}html.lenis,html.lenis body{height:auto}body{margin:0;background:var(--bg);color:var(--fg);font:400 clamp(16px,1.1vw + 12px,18px)/1.6 var(--body);overflow-x:hidden;padding:env(safe-area-inset-top) env(safe-area-inset-right) 0 env(safe-area-inset-left)}body.lock{overflow:hidden}img{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--display);font-weight:800;line-height:.98;letter-spacing:-.03em;margin:0}p{margin:0}:focus-visible{outline:2px solid var(--ac);outline-offset:3px}.wrap{padding-inline:var(--pad);max-width:1600px;margin-inline:auto}section{padding-block:clamp(72px,12vw,168px);position:relative}.lbl{font:500 .8rem/1 var(--body);letter-spacing:.04em;color:var(--mute)}.h2{font-size:clamp(2rem,8.2vw,5.6rem)}.btn{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:.6em;min-height:52px;padding:0 1.6em;border-radius:999px;font:700 .95rem var(--body);border:1px solid var(--line);background:transparent;color:var(--fg);cursor:pointer;overflow:hidden;transition:background .3s,border-color .3s,transform .2s;-webkit-tap-highlight-color:transparent}.btn:active{transform:scale(.97)}.btn.pri{background:var(--ac);border-color:var(--ac);color:#fff}.btn.pri:hover{background:var(--ac2);border-color:var(--ac2)}.btn.sec:hover{border-color:var(--fg)}.nav{position:fixed;inset:0 0 auto;z-index:50;height:calc(var(--nav) + env(safe-area-inset-top));padding-top:env(safe-area-inset-top);transition:background .4s,border-color .4s;border-bottom:1px solid transparent}.nav.on,.nav.open{background:#080808e6;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-color:var(--line)}.nav .wrap{display:flex;align-items:center;justify-content:space-between;height:var(--nav)}.logo img{height:22px;width:auto}.links{display:none;gap:2rem;align-items:center}.links a{font-size:.95rem;color:var(--mute);position:relative;padding:.4rem 0;transition:color .3s}.links a:hover,.links a.act{color:var(--fg)}.links a.act:after{content:"";position:absolute;left:0;right:0;bottom:-2px;height:2px;background:var(--ac)}.burger{width:48px;height:48px;display:grid;place-items:center;background:none;border:0;color:var(--fg);margin-right:-12px}.menu{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:var(--bg);padding:calc(var(--nav) + 32px + env(safe-area-inset-top)) var(--pad) calc(32px + env(safe-area-inset-bottom));display:flex;flex-direction:column;justify-content:space-between;clip-path:inset(0 0 100% 0);visibility:hidden;transition:clip-path .6s cubic-bezier(.77,0,.18,1),visibility 0s .6s;overflow-y:auto}.menu.open{clip-path:inset(0);visibility:visible;transition:clip-path .6s cubic-bezier(.77,0,.18,1)}.menu nav{display:grid}.menu nav a{font:800 clamp(2.4rem,12vw,4rem)/1.1 var(--display);padding:.35rem 0;border-bottom:1px solid var(--line);letter-spacing:-.03em}.menu nav a.act{color:var(--ac)}@media (min-width:900px){.links{display:flex}.burger,.menu{display:none}}.pre{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;background:var(--bg);display:grid;place-items:center}.pre img{width:min(60vw,320px);opacity:0}.pre svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%}.hero{min-height:100svh;display:flex;flex-direction:column;justify-content:flex-end;padding-top:calc(var(--nav) + 40px);padding-bottom:clamp(32px,6vw,72px);overflow:hidden}.hero .arc{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.hero h1{font-size:clamp(3.2rem,17.5vw,13rem);line-height:.88;margin-bottom:clamp(24px,4vw,48px)}.hero h1 span{display:block;overflow:hidden;padding-bottom:.08em}.hero h1 i{display:block;font-style:normal}.hero .sub{font:700 clamp(1.15rem,3.6vw,1.9rem)/1.2 var(--display);max-width:22ch;letter-spacing:-.02em}.hero .desc{color:var(--mute);max-width:46ch;margin:16px 0 28px}.cta{display:flex;flex-direction:column;gap:12px}@media (min-width:520px){.cta{flex-direction:row}}.hero .cols{display:grid;gap:8px}@media (min-width:900px){.hero .cols{grid-template-columns:1fr 1fr;align-items:end}}.scroll{display:none;align-items:center;gap:12px;color:var(--mute);font-size:.8rem}.scroll b{width:1px;height:48px;background:linear-gradient(var(--ac),transparent);display:block}@media (min-width:900px){.scroll{display:flex;justify-content:flex-end}}.head{display:grid;gap:16px;margin-bottom:clamp(40px,7vw,96px)}.head p{color:var(--mute);max-width:44ch}@media (min-width:900px){.head{grid-template-columns:7fr 4fr;align-items:end}}.works{display:grid;gap:clamp(56px,9vw,120px)}@media (min-width:900px){.works.multi{grid-template-columns:1fr 1fr;gap:56px 32px}.works.multi .proj.feat{grid-column:1/-1}}.meta{display:grid;gap:14px;margin-top:20px}.meta h3{font-size:clamp(1.8rem,6vw,3.6rem)}.meta p{color:var(--mute);max-width:52ch}.tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;margin:0;padding:0}.tags li{border:1px solid var(--line);border-radius:999px;padding:4px 12px;font-size:.8rem;color:var(--mute)}.frame{border:1px solid var(--line);border-radius:10px;overflow:hidden;background:var(--bg2);display:block}.bar{display:flex;align-items:center;gap:6px;padding:10px 14px;border-bottom:1px solid var(--line)}.bar i{width:8px;height:8px;border-radius:50%;background:var(--line)}.bar span{margin-left:10px;font-size:.72rem;color:var(--mute);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.frame img{width:100%;aspect-ratio:1897/967;object-fit:cover;object-position:top;transition:transform .9s cubic-bezier(.2,.7,.2,1)}a.frame:hover img{transform:scale(1.03)}.reveal{clip-path:inset(0 0 0 0)}.gal{display:grid;grid-auto-flow:column;grid-auto-columns:82%;gap:12px;overflow-x:auto;scroll-snap-type:x mandatory;margin:12px calc(var(--pad)*-1) 0;padding:0 var(--pad);scrollbar-width:none;overscroll-behavior-x:contain}.gal::-webkit-scrollbar{display:none}.gal .frame{scroll-snap-align:center}.gal img{aspect-ratio:16/9}@media (min-width:900px){.gal{grid-auto-flow:row;grid-template-columns:repeat(3,1fr);grid-auto-columns:auto;margin:16px 0 0;padding:0;overflow:visible}}.dots{display:flex;gap:6px;justify-content:center;margin-top:10px}.dots i{width:6px;height:6px;border-radius:50%;background:var(--line);transition:.3s}.dots i.on{background:var(--ac);width:18px;border-radius:6px}@media (min-width:900px){.dots{display:none}}@media (min-width:900px){.proj.feat .top{width:88%;margin-left:auto}.proj.feat .meta{grid-template-columns:5fr 6fr;gap:32px;align-items:start}.proj.feat .meta h3{grid-row:span 3}}.svc{list-style:none;margin:0;padding:0;border-top:1px solid var(--line)}.svc li{display:grid;grid-template-columns:44px 1fr;gap:4px 8px;padding:clamp(20px,3vw,36px) 0;border-bottom:1px solid var(--line);transition:padding .4s,background .4s}.svc h3{font-size:clamp(1.4rem,5vw,2.8rem);transition:color .3s}.svc p{grid-column:2;color:var(--mute);max-width:46ch}.svc .n{font-size:.85rem;color:var(--ac);padding-top:.5em}@media (min-width:900px){.svc li{grid-template-columns:80px 6fr 4fr;align-items:center}.svc p{grid-column:3}.svc li:hover{padding-left:24px}.svc li:hover h3{color:var(--ac)}}.steps{list-style:none;margin:0;padding:0;display:grid;gap:0;position:relative}.steps li{position:relative;padding:0 0 36px 36px;border-left:1px solid var(--line)}.steps li:before{content:"";position:absolute;left:-5px;top:6px;width:9px;height:9px;background:var(--ac);transform:rotate(45deg)}.steps h3{font-size:1.6rem;margin-bottom:8px}.steps p{color:var(--mute)}.steps .n{font-size:.8rem;color:var(--ac);display:block;margin-bottom:6px}@media (min-width:900px){.steps{grid-template-columns:repeat(5,1fr);border-top:1px solid var(--line)}.steps li{border-left:0;padding:36px 24px 0 0}.steps li:before{left:0;top:-5px}.steps h3{font-size:clamp(1.2rem,2vw,1.8rem)}}.about{background:var(--bg2)}.about q{display:block;quotes:none;font:700 clamp(1.5rem,5.4vw,3.6rem)/1.12 var(--display);letter-spacing:-.025em;max-width:24ch}.vals{display:grid;grid-template-columns:1fr 1fr;gap:24px 16px;margin-top:clamp(40px,7vw,88px);list-style:none;padding:0}.vals li{border-top:1px solid var(--line);padding-top:12px;font-weight:500}@media (min-width:900px){.vals{grid-template-columns:repeat(3,1fr)}}.cgrid{display:grid;gap:40px}@media (min-width:900px){.cgrid{grid-template-columns:5fr 6fr;gap:80px}}.ways{display:grid;gap:12px;margin-top:28px}.ways .btn{justify-content:flex-start}.soc{display:flex;gap:12px;margin-top:8px}.soc a{width:52px;height:52px;display:grid;place-items:center;border:1px solid var(--line);border-radius:50%;transition:.3s}.soc a:hover{background:var(--ac);border-color:var(--ac)}form,.two{display:grid;gap:18px}@media (min-width:600px){.two{grid-template-columns:1fr 1fr}}label{display:grid;gap:6px;font-size:.85rem;color:var(--mute)}input,select,textarea{font:inherit;font-size:16px;color:var(--fg);background:var(--bg2);border:1px solid var(--line);border-radius:8px;padding:14px;min-height:52px;width:100%;transition:border-color .3s}textarea{min-height:140px;resize:vertical}input:focus,select:focus,textarea:focus{border-color:var(--ac);outline:0}.err{color:#ff8a8a;font-size:.8rem}.note{font-size:.8rem;color:var(--mute)}footer{border-top:1px solid var(--line);padding:56px 0 32px;overflow:hidden}.fgrid{display:grid;gap:32px}@media (min-width:900px){.fgrid{grid-template-columns:5fr 2fr 2fr 3fr}}.fgrid h4{margin:0 0 12px;font:500 .8rem var(--body);color:var(--mute)}.fgrid ul{list-style:none;margin:0;padding:0;display:grid;gap:4px}.fgrid a{display:inline-block;padding:6px 0}.fgrid a:hover{color:var(--ac)}.big{width:100%;margin-top:48px;opacity:.12}.copy{margin-top:24px;color:var(--mute);font-size:.8rem}.fab{position:fixed;right:max(16px,env(safe-area-inset-right));bottom:max(16px,env(safe-area-inset-bottom));z-index:45;width:56px;height:56px;border-radius:50%;background:var(--ac);display:grid;place-items:center;box-shadow:0 6px 24px #7c5cfc66;transition:background .3s}.fab:hover{background:var(--ac2)}@media (prefers-reduced-motion:reduce){*{transition-duration:.01ms!important;animation:none!important}}