@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Thin-s.p.08csy5zry65~8.otf)format("opentype");font-display:swap;font-weight:200;font-style:normal}@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Book-s.p.16i732ln30.f4.otf)format("opentype");font-display:swap;font-weight:400;font-style:normal}@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Italic-s.p.0-c7mmw2scpxh.otf)format("opentype");font-display:swap;font-weight:400;font-style:italic}@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Medium-s.p.0jz.khnqal~0g.otf)format("opentype");font-display:swap;font-weight:500;font-style:normal}@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_SemiBolditalic-s.p.0b~rjv0.2txfw.otf)format("opentype");font-display:swap;font-weight:600;font-style:italic}@font-face{font-family:neueMontreal;src:url(../media/PPNeueMontreal_Bold-s.p.02d~~k0ql8zh0.otf)format("opentype");font-display:swap;font-weight:700;font-style:normal}@font-face{font-family:neueMontreal Fallback;src:local(Arial);ascent-override:101.42%;descent-override:25.62%;line-gap-override:0.0%;size-adjust:94.46%}.neuemontreal_a459c74c-module__wgsAWG__className{font-family:neueMontreal,neueMontreal Fallback}.neuemontreal_a459c74c-module__wgsAWG__variable{--font-neue:"neueMontreal", "neueMontreal Fallback"}
@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/93183b47530b2cc4-s.00g_160np4c8-.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/8c0d9f2c4c4d982a-s.0ep54m7~vkt_c.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:Gloock;font-style:normal;font-weight:400;font-display:swap;src:url(../media/c5bca4b73401f535-s.p.0ld0~zebno3h8.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Gloock Fallback;src:local(Times New Roman);ascent-override:84.82%;descent-override:19.57%;line-gap-override:0.0%;size-adjust:114.95%}.gloock_a1a06a1-module__F9iaGG__className{font-family:Gloock,Gloock Fallback;font-style:normal;font-weight:400}.gloock_a1a06a1-module__F9iaGG__variable{--font-serif:"Gloock", "Gloock Fallback"}
@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/13bf9871fe164e7f-s.0s19wthhh_6~m.woff2)format("woff2");unicode-range:U+460-52F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/cc545e633e20c56d-s.0dza.stei.9v7.woff2)format("woff2");unicode-range:U+301,U+400-45F,U+490-491,U+4B0-4B1,U+2116}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/71b036adf157cdcf-s.03nf~dfjdkf~..woff2)format("woff2");unicode-range:U+370-377,U+37A-37F,U+384-38A,U+38C,U+38E-3A1,U+3A3-3FF}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/89b21bb081cb7469-s.0gfhww.tctz1o.woff2)format("woff2");unicode-range:U+102-103,U+110-111,U+128-129,U+168-169,U+1A0-1A1,U+1AF-1B0,U+300-301,U+303-304,U+308-309,U+323,U+329,U+1EA0-1EF9,U+20AB}@font-face{font-family:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/3fe682a82f50d426-s.09q3q1i5159bl.woff2)format("woff2");unicode-range:U+100-2BA,U+2BD-2C5,U+2C7-2CC,U+2CE-2D7,U+2DD-2FF,U+304,U+308,U+329,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:JetBrains Mono;font-style:normal;font-weight:100 800;font-display:swap;src:url(../media/70bc3e132a0a741e-s.p.1409xf.ylxg8g.woff2)format("woff2");unicode-range:U+??,U+131,U+152-153,U+2BB-2BC,U+2C6,U+2DA,U+2DC,U+304,U+308,U+329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:JetBrains Mono Fallback;src:local(Arial);ascent-override:75.79%;descent-override:22.29%;line-gap-override:0.0%;size-adjust:134.59%}.jetbrains_mono_dc177b0e-module__78ed6G__className{font-family:JetBrains Mono,JetBrains Mono Fallback;font-style:normal}.jetbrains_mono_dc177b0e-module__78ed6G__variable{--font-mono:"JetBrains Mono", "JetBrains Mono Fallback"}
:root{--background:#101010;--on-background:#f2f2f2;--accent:#3b82f6;--container:882px;--font-sans:var(--font-neue,"Inter"), system-ui, -apple-system, sans-serif;--font-serif:"Gloock", Georgia, serif;--font-mono:"JetBrains Mono", monospace}*{box-sizing:border-box}html,body{margin:0;padding:0}.locomotive-scroll{width:100%}.body{background-color:var(--background);color:var(--on-background);font-family:var(--font-sans);-webkit-font-smoothing:antialiased;flex-direction:column;align-items:center;display:flex}body{-ms-overflow-style:none;scrollbar-width:none}body::-webkit-scrollbar{display:none}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}.loading-overlay{z-index:9;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);background-color:#101010;flex-direction:column;justify-content:center;align-items:center;gap:16px;display:none;position:fixed;inset:0}.loading-overlay.is-active{display:flex}.logo-loading{border:2px solid #f2f2f233;border-top-color:var(--on-background);border-radius:50%;width:28px;height:28px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.text-loading{color:#f2f2f280;letter-spacing:.2px;font-size:14px}.section-nav{z-index:10;pointer-events:none;background-image:linear-gradient(#0006,#0000);height:168px;padding:24px 48px 0;display:flex;position:fixed;inset:0 0 auto}.nav-bar{flex:1;justify-content:space-between;align-items:center;gap:8px;height:56px;display:flex}.nav-left-wrapper{flex:1;align-items:center;gap:16px;display:flex}.nav-right-wrapper{flex:1;justify-content:flex-end;align-items:center;gap:8px;margin-right:-24px;display:flex}.logo-block{pointer-events:auto;align-items:center;display:flex}.logo-text{flex-direction:column;justify-content:center;gap:8px;margin-top:1px;display:flex}.text-logo{font-size:20px;font-weight:500;line-height:20px}.text-underlogo{color:#f2f2f280;letter-spacing:.2px;font-size:12px;line-height:12px}.nav-pill-wrapper{pointer-events:auto;justify-content:center;align-items:center;height:56px;display:flex;position:relative}.nav-cluster{--nav-morph:.28s;--nav-fade:.12s;--nav-ease:cubic-bezier(.33, 1, .68, 1);transition:background-color .4s ease, border-color .4s ease, box-shadow .4s ease, padding var(--nav-morph) var(--nav-ease) var(--nav-fade);border:1px solid #0000;border-radius:28px;align-items:center;display:flex;position:relative}.section-nav.is-collapsed .nav-cluster{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#f2f2f20d;border-color:#f2f2f21a;padding-left:4px;padding-right:12px;box-shadow:0 10px 25px #00000026}.nav-ring-wrap{opacity:0;width:0;transition:width var(--nav-morph) var(--nav-ease) var(--nav-fade), margin var(--nav-morph) var(--nav-ease) var(--nav-fade), opacity var(--nav-fade) linear 0s;flex:none;align-items:center;margin-left:0;margin-right:0;display:flex;overflow:hidden}.section-nav.is-collapsed .nav-cluster:not(:hover) .nav-ring-wrap{opacity:1;width:26px;transition:width var(--nav-morph) var(--nav-ease) var(--nav-fade), margin var(--nav-morph) var(--nav-ease) var(--nav-fade), opacity var(--nav-fade) linear calc(var(--nav-fade) + var(--nav-morph));margin-left:32px;margin-right:6px}.nav-cap-ring{flex:none;width:26px;height:26px;overflow:visible}.nav-cap-ring circle{fill:none;stroke-width:6px}.ring-track{stroke:#ffffff1f}.ring-prog{stroke:#f2f2f2b3;stroke-linecap:butt;stroke-dasharray:81.68}html[lang=es]{--nav-item-w:104px}.nav-indicator-glow{top:-2px;left:calc(33px + (var(--nav-item-w,80px) - 80px) / 2);z-index:2;background-color:var(--on-background);width:24px;height:4px;transform:translateX(calc(var(--nav-i,0) * (var(--nav-item-w,80px) + 8px)));border-radius:2px;transition:transform .6s cubic-bezier(.165,.84,.44,1);position:absolute;box-shadow:0 2px 25px 2px #fff}.nav-pill{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);width:auto;height:48px;transition:background-color .4s ease, border-color .4s ease, box-shadow .4s ease, gap var(--nav-morph) var(--nav-ease) var(--nav-fade);background-color:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:24px;justify-content:flex-start;align-items:center;gap:8px;padding:0 6px;display:flex;position:relative;box-shadow:0 10px 25px #00000026}.section-nav.is-collapsed .nav-pill{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background-color:#0000;border-color:#0000}.nav-indicator-pill{z-index:0;width:var(--nav-item-w,80px);height:36px;transform:translateX(calc(var(--nav-i,0) * (var(--nav-item-w,80px) + 8px)));background-color:#f2f2f20d;border-radius:18px;transition:transform .6s cubic-bezier(.165,.84,.44,1);position:absolute;top:5px;left:6px}.nav-toggle{z-index:1;color:var(--on-background);text-align:center;width:var(--nav-item-w,80px);height:36px;transition:width var(--nav-morph) var(--nav-ease) var(--nav-fade), opacity var(--nav-fade) linear calc(var(--nav-fade) + var(--nav-morph)), color .2s ease;border-radius:18px;justify-content:center;align-items:center;display:flex;overflow:hidden}.section-nav.is-collapsed .nav-cluster:not(:hover) .nav-toggle:not(.is-active){opacity:0;pointer-events:none;width:0;transition:width var(--nav-morph) var(--nav-ease) var(--nav-fade), opacity var(--nav-fade) linear 0s}.section-nav.is-collapsed .nav-cluster:not(:hover) .nav-pill{gap:0}.section-nav.is-collapsed .nav-cluster:not(:hover) .nav-indicator-pill,.section-nav.is-collapsed .nav-cluster:not(:hover) .nav-indicator-glow{transform:translate(0)!important}.text-nav-toggle{text-align:center;letter-spacing:.2px;color:#f2f2f280;font-size:14px;font-weight:500;line-height:18px;transition:color .3s}.nav-toggle.is-active .text-nav-toggle{color:var(--on-background)}@media (prefers-reduced-motion:reduce){.nav-cluster{--nav-morph:1ms;--nav-fade:1ms}}.chip-socials-wrapper{pointer-events:auto;gap:4px;display:flex}.section-nav.is-collapsed .lang-toggle-wrapper{opacity:0;pointer-events:none;width:0;margin-left:-8px;overflow:hidden}.chip-socials{border-radius:24px;align-items:center;gap:4px;height:48px;padding:0 12px 0 16px;transition:background-color .3s cubic-bezier(.165,.84,.44,1);display:flex}.chip-socials:hover{background-color:#f2f2f20d}.chip-socials.is-icon{justify-content:center;width:44px;padding:0}.icon-social{object-fit:contain;opacity:.7;width:20px;height:20px;transition:opacity .2s}.chip-socials.is-icon:hover .icon-social{opacity:1}.icon-social[data-icon=Email]{width:23px;height:23px}.text-socialnav{color:var(--on-background);letter-spacing:.2px;font-size:14px;font-weight:500;line-height:18px}.icon-external,.icon-popup-external{color:#f2f2f280;font-size:12px}.lang-toggle-wrapper{pointer-events:auto;align-items:center;gap:8px;width:102px;transition:opacity .35s,width .5s cubic-bezier(.165,.84,.44,1),margin .5s cubic-bezier(.165,.84,.44,1);display:flex;overflow:hidden}.lang-divider{background-color:#f2f2f21a;width:1px;height:22px}.lang-pill{-webkit-backdrop-filter:blur(15px);backdrop-filter:blur(15px);background-color:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:20px;align-items:center;height:40px;padding:0 4px;display:flex;position:relative}.lang-indicator{z-index:0;background-color:#f2f2f20d;border-radius:16px;width:40px;height:32px;transition:transform .5s cubic-bezier(.165,.84,.44,1);position:absolute;top:4px;left:4px}.lang-seg{z-index:1;cursor:pointer;letter-spacing:.2px;color:#f2f2f280;background:0 0;border:0;justify-content:center;align-items:center;width:40px;height:32px;font-family:inherit;font-size:13px;font-weight:500;transition:color .3s;display:flex}.lang-seg.is-active{color:var(--on-background)}.menu-card .lang-pill{align-self:flex-start}.nav-menu-button{pointer-events:auto;width:48px;height:48px;color:var(--on-background);background-color:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:50%;justify-content:center;align-items:center;font-size:18px;display:none}.mobile-popup-menu{z-index:8;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);opacity:0;transform-origin:100% 0;pointer-events:none;background-color:#161616ee;border:1px solid #f2f2f21a;border-radius:20px;flex-direction:column;gap:8px;width:220px;padding:12px;transition:opacity .3s,transform .3s cubic-bezier(.165,.84,.44,1);display:flex;position:fixed;top:88px;right:24px;transform:translateY(-12px)scale(.96)}.mobile-popup-menu.is-open{opacity:1;pointer-events:auto;transform:none}.menu-card{flex-direction:column;gap:8px;display:flex}.text-menu-overline{font-family:var(--font-neue), sans-serif;letter-spacing:1.2px;color:#f2f2f266;text-transform:uppercase;font-size:11px}.menu-items-wrapper{flex-direction:column;display:flex}.popup-menu-item{border-radius:10px;justify-content:space-between;align-items:center;padding:10px 8px;transition:background-color .2s;display:flex}.popup-menu-item:hover{background-color:#f2f2f20d}.text-popup-menu{font-size:15px;font-weight:500}.section-hero{z-index:1;background-image:radial-gradient(circle closest-corner at 50% 0,#f2f2f226,#0000);flex-direction:row;justify-content:center;width:100%;padding-top:160px;padding-bottom:4px;display:flex;position:relative;overflow:hidden}.hero-fade{z-index:5;pointer-events:none;background-image:linear-gradient(to bottom, #10101000, var(--background) 60%);flex-direction:column;justify-content:flex-end;align-items:center;height:clamp(110px,14vw,260px);padding-top:48px;padding-bottom:96px;display:flex;position:absolute;inset:auto 0 0}.scroll-hints{align-items:center;gap:96px;display:flex}.scroll-line{background:linear-gradient(#ffffff24,#fff0);border-radius:2px;width:2px;height:40px;position:relative;overflow:hidden;-webkit-mask-image:linear-gradient(#000 55%,#0000);mask-image:linear-gradient(#000 55%,#0000)}.scroll-line span{background:linear-gradient(#0000,#fff);border-radius:2px;height:55%;animation:1.9s cubic-bezier(.4,0,.2,1) infinite line-travel;position:absolute;left:0;right:0}@keyframes line-travel{0%{transform:translateY(-100%)}to{transform:translateY(200%)}}.scroll-chevron{width:48px;height:52px;position:relative}.scroll-chevron span{border-bottom:3px solid #fff;border-right:3px solid #fff;width:30px;height:30px;animation:1.9s cubic-bezier(.4,0,.2,1) infinite chev-drop;position:absolute;top:4px;left:50%}@keyframes chev-drop{0%{opacity:0;transform:translate(-50%)rotate(45deg)}40%{opacity:1}to{opacity:0;transform:translate(-50%,130%)rotate(45deg)}}.container-hero-image{z-index:3;width:var(--container);max-width:calc(100% - 48px);position:relative}.window-outline{outline-offset:-1px;background-image:radial-gradient(circle farthest-side at 50% 0,#f2f2f233,#0000);border-radius:24px;outline:1px solid #f2f2f226;padding:8px;position:relative;overflow:hidden;box-shadow:inset 0 0 8px #0006,0 0 60px #0003,0 30px 120px #000c}.window-main{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid #f2f2f24d;border-radius:16px;position:relative;overflow:hidden;box-shadow:inset 0 0 10px #0000001a,0 0 12px #0006}.window-bar{z-index:5;-webkit-backdrop-filter:blur(40px);backdrop-filter:blur(40px);background-image:linear-gradient(90deg,#f2f2f21a,#f2f2f280 50%,#f2f2f21a);border-top-left-radius:16px;border-top-right-radius:16px;justify-content:space-between;align-items:center;height:40px;padding:0 12px 0 20px;display:flex;position:relative;box-shadow:0 10px 20px 4px #0003}.window-dots-wrapper{gap:8px;display:flex}.dot{border:1px solid #10101040;border-radius:100px;width:12px;height:12px}.dot.red,.dot.yellow,.dot.green{background:var(--accent);box-shadow:0 0 20px 2px var(--accent)}.icon-windowbar-plus{color:#f2f2f2;opacity:.2;justify-content:center;align-items:center;width:24px;height:24px;font-size:28px;line-height:1;display:flex}.window-content{z-index:5;background-color:#101010b3;flex-direction:column;min-height:420px;padding:clamp(48px,6.5vw,80px) clamp(28px,4.6vw,56px) clamp(150px,18vw,224px);display:flex;position:relative}.hero-more{z-index:2;white-space:nowrap;color:#f2f2f2cc;align-self:flex-end;align-items:center;gap:8px;margin-top:36px;font-size:16px;font-weight:500;transition:color .2s,gap .2s;display:inline-flex;position:relative}.hero-more:hover{color:var(--on-background);gap:12px}.hero-more span{color:var(--accent)}.hero-text-content{z-index:2;flex-direction:column;gap:28px;display:flex;position:relative}.text-hero-greeting{letter-spacing:-1.5px;text-shadow:0 -5px 25px #ffffff26;margin:0;font-size:clamp(38px,5.4vw,64px);font-weight:500;line-height:105%}.text-hero-name{color:var(--accent)}.text-hero-bio{text-wrap:pretty;color:#f2f2f2b3;max-width:620px;margin:0;font-size:clamp(17px,1.85vw,22px);line-height:155%}.text-hero{text-align:left;letter-spacing:-2px;text-shadow:0 0 30px #3b82f64d,0 6px 20px #3b82f626,0 -5px 25px #ffffff40;font-size:80px;font-weight:500;line-height:90%}.text-hero-serif{background-image:linear-gradient(to bottom, var(--accent) 30%, #9ec5ff 70%, transparent 95%);letter-spacing:-2px;text-shadow:0 5px 20px #3b82f64d,0 0 30px #3b82f633;-webkit-text-fill-color:transparent;font-family:var(--font-serif);-webkit-background-clip:text;background-clip:text;padding-right:12px;font-style:italic;font-weight:400}.hero-about-grid{grid-template-columns:1fr 1fr;gap:24px;display:grid}.text-hero-about{font-size:20px;font-weight:500;line-height:140%}.text-hero-about-formerly{color:#f2f2f280}.hero-about-spacer{height:56px}@media (min-width:1920px){.hero-about-spacer{height:72px}}.window-grain,.hero-noise{pointer-events:none;opacity:.04;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.hero-noise{z-index:4;opacity:.03}.glare-item-top{pointer-events:none;background-image:linear-gradient(90deg,#0000 10%,#fff 50%,#0000 90%);height:1px;margin-bottom:-1px}.glare-item-top.outer-edge{z-index:1;background-image:linear-gradient(90deg,#0000 5%,#fffc 35%,#fff 50%,#fffc 65%,#0000 95%);position:absolute;inset:0 0 auto}.glare-item-top.inner-edge{z-index:1;background-image:linear-gradient(90deg,#0000 20%,#fff 50%,#0000 80%);position:absolute;inset:0 0 auto}.glare-item-top.hero-inner{z-index:6;height:2px;margin-bottom:-2px;position:relative}.hero-bg-gradient{z-index:2;background-image:linear-gradient(to right, transparent 5%, var(--on-background) 50%, transparent 95%);opacity:.7;filter:blur(100px);border-radius:2000px;height:50%;display:none;position:absolute;inset:96px 24px auto}.overline-wrapper{align-items:center;gap:8px;margin-bottom:24px;display:flex}.icon-section-dot{background:var(--accent);width:8px;height:8px;box-shadow:0 0 8px 1px var(--accent), 0 0 16px 3px color-mix(in srgb, var(--accent) 45%, transparent);border-radius:50%}.text-portrait-overline{color:#f2f2f280;font-size:16px}.section-projects{flex-direction:column;align-items:center;gap:80px;width:100%;padding-top:240px;padding-bottom:200px;display:flex;position:relative}.projects-header{justify-content:space-between;align-items:center;width:100%;margin-bottom:8px;display:flex}.projects-heading{letter-spacing:-.5px;align-items:center;gap:14px;font-size:clamp(28px,1.4vw + 8px,42px);font-weight:500;display:flex}.projects-dot{background:var(--accent);width:10px;height:10px;box-shadow:0 0 14px 2px var(--accent);border-radius:50%}.projects-viewall{color:#f2f2f2cc;align-items:center;gap:6px;font-size:15px;font-weight:500;transition:color .2s,gap .2s;display:inline-flex}.projects-viewall span{color:var(--accent)}.projects-viewall:hover{color:var(--on-background);gap:10px}.work-page{padding-top:160px}.work-page .container-projects{grid-template-columns:repeat(2,1fr);align-items:start;gap:32px;width:1200px;display:grid}.work-page .container-projects .projects-header,.work-page .container-projects .project-card-soon-wrapper{grid-column:1/-1}.container-projects{width:var(--container);flex-direction:column;align-items:stretch;gap:48px;max-width:calc(100% - 48px);display:flex}.project-card-outline{outline-offset:-1px;background-color:#f2f2f20a;border-radius:24px;outline:1px solid #f2f2f20d;align-self:stretch;padding:8px;transition:box-shadow .45s;position:relative;container:card/inline-size}.project-card-outline:hover{box-shadow:0 0 75px -18px #64647366}.project-card{background-image:linear-gradient(190deg, #252525, var(--background));color:var(--on-background);border:1px solid #3d3d3d;border-radius:16px;flex-direction:column;gap:40px;height:588px;padding:32px 28px 0;transition:border .4s cubic-bezier(.165,.84,.44,1);display:flex;position:relative;overflow:hidden}.project-card:hover{border-color:#f2f2f24d}.project-card:before{content:"";z-index:0;pointer-events:none;opacity:0;background:radial-gradient(130% 90% at 50% 0%, var(--card-accent,#3b82f6), transparent 65%);transition:opacity .5s;position:absolute;inset:0}.project-card:hover:before{opacity:.55}.projectcard-top,.project-thumbnail{z-index:1;position:relative}.project-thumbnail{transition:transform .5s cubic-bezier(.165,.84,.44,1);transform:translateY(24px)}.project-card:hover .project-thumbnail{transform:translateY(0)}.projectcard-top{flex-direction:column;gap:12px;display:flex}.projectcard-title-row{justify-content:space-between;align-items:center;display:flex}.text-projectcard-title{text-shadow:0 -2px 10px #fff3;font-size:clamp(24px,2.5cqi,36px);font-weight:500;line-height:100%}.icon-projectcard-arrow{color:#f2f2f280;font-size:clamp(18px,1.9cqi,28px);transition:transform .3s}.project-card:hover .icon-projectcard-arrow{transform:translate(3px,-3px)}.text-projectcard-description{color:#f2f2f280;letter-spacing:.2px;padding-right:32px;font-size:clamp(14px,1.45cqi,21px);line-height:1.43}.text-projectcard-description-company{color:#f2f2f2cc}.projectcard-tags{flex-wrap:wrap;gap:clamp(5px,1.7cqi,8px);margin-top:clamp(10px,3.4cqi,16px);display:flex}.projectcard-tag{font-family:var(--font-mono);--tag-size:max(clamp(10px, 2.6cqi, 12px), min(17px, calc(1.2cqi - .5px)));font-size:var(--tag-size);letter-spacing:.2px;color:#f2f2f2cc;background-color:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:100px;padding:max(clamp(3px,1.1cqi,5px),min(7px,.5cqi - .2px)) max(clamp(7px,2.4cqi,11px),min(15px,1.1cqi - .5px))}.project-thumbnail{aspect-ratio:1.75;object-fit:cover;object-position:center top;border-radius:12px 12px 0 0;flex:none;width:100%;max-width:866px;height:auto;margin:auto auto 0;display:block}.project-thumbnail.is-contain{object-fit:contain;object-position:center;background:#f8f8f6}.work-page .project-card{gap:24px;height:520px;padding:28px 24px 0}.work-page .projectcard-top{min-height:160px}.work-page .projectcard-tag{--tag-size:max(clamp(10px, 2.4cqi, 11px), min(15px, calc(2cqi - .68px)));padding:calc(var(--tag-size) * .28) calc(var(--tag-size) * .82)}.work-page .projectcard-tags{gap:clamp(5px,1.3cqi,6px);margin-top:clamp(9px,2.6cqi,12px)}.work-page .project-card-soon .projectcard-top{min-height:unset}.work-page .project-thumbnail{flex:none;height:auto;transform:translateY(12px)}.project-card-soon{text-align:center;cursor:default;border-style:dashed;border-color:#3b82f640;justify-content:center;align-items:center;padding:0 28px 12px;height:200px!important}.project-card-soon .projectcard-top{align-items:center;gap:6px}.project-card-soon .text-projectcard-title{color:#3b82f6cc}.project-card-soon .text-projectcard-description{padding-right:0}.project-card-colour{opacity:.8;height:3px;position:absolute;top:0;left:0;right:0}.section-footer{border-top:1px solid #f2f2f21a;justify-content:center;width:100%;padding:96px 24px 128px;display:flex;position:relative}.container-footer{width:var(--container);flex-direction:column;gap:56px;max-width:calc(100% - 48px);display:flex}.footer-cta{font-family:var(--font-neue), sans-serif;letter-spacing:-.03em;flex-direction:column;margin:0;font-size:clamp(38px,6.5vw,72px);font-weight:500;line-height:.95;display:flex}.footer-cta-line2{color:#f2f2f27a;white-space:nowrap}.rotating-word{color:var(--on-background);display:inline-block}.rotating-word-inner{animation:.5s cubic-bezier(.165,.84,.44,1) rotating-word-in;display:inline-block}@keyframes rotating-word-in{0%{opacity:0;transform:translateY(.4em)}to{opacity:1;transform:translateY(0)}}@media (prefers-reduced-motion:reduce){.rotating-word-inner{animation:none}}.footer-contact-row{flex-wrap:wrap;gap:120px;display:flex}.footer-contact-col{flex-direction:column;gap:14px;display:flex}.footer-overline{color:#f2f2f266;font-size:15px}.footer-email{color:var(--on-background);font-size:clamp(18px,2vw,22px);transition:opacity .2s}.footer-email:hover{opacity:.7}.footer-social-icons{gap:10px;display:flex}.footer-social-icon{background-color:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:50%;justify-content:center;align-items:center;width:40px;height:40px;transition:background-color .2s;display:flex}.footer-social-icon:hover{background-color:#f2f2f21a}.footer-social-icon img{object-fit:contain;opacity:.8;width:18px;height:18px}.footer-divider{background-color:#f2f2f21a;width:100%;height:1px}.footer-bottom-wrapper{flex-wrap:wrap;justify-content:space-between;align-items:flex-end;gap:24px;display:flex}.footer-menu{flex-direction:column;gap:14px;display:flex}.footer-menu-links{gap:40px;display:flex}.footer-link{color:var(--on-background);align-items:center;gap:6px;transition:opacity .2s;display:flex}.footer-link:hover{opacity:.7}.text-footer-link{font-size:16px}.text-footer-copyright{color:#f2f2f280;font-size:13px}.section-info{background-image:radial-gradient(circle closest-corner at 50% 0,#f2f2f226,#0000);justify-content:center;width:100%;padding:180px 24px 120px;display:flex;position:relative;overflow:hidden}.container-info{z-index:1;width:var(--container);flex-direction:column;gap:48px;max-width:100%;display:flex;position:relative}.text-about-statement{text-shadow:0 -2px 10px #fff3;text-wrap:balance;letter-spacing:-1.6px;max-width:40ch;color:var(--on-background);margin:0 0 44px;font-size:clamp(28px,3.8vw,48px);font-weight:500;line-height:110%}.text-about-statement .is-highlight{color:var(--accent)}.info-lede{grid-template-columns:300px 1fr;align-items:start;gap:40px;display:grid}.info-portrait{aspect-ratio:4/5;background-color:#f2f2f20a;border:1px solid #f2f2f20d;border-radius:16px;width:100%;position:relative;overflow:hidden}.info-portrait-img{object-fit:cover}.info-lede .info-body{max-width:none}.info-body{flex-direction:column;gap:20px;max-width:720px;display:flex}.info-body p{color:#f2f2f2cc;margin:0;font-size:17px;line-height:175%}.prose-link{color:var(--on-background);text-underline-offset:3px;-webkit-text-decoration:underline #f2f2f24d;text-decoration:underline #f2f2f24d;transition:color .2s,text-decoration-color .2s}.prose-link:hover{color:var(--accent);-webkit-text-decoration-color:var(--accent);text-decoration-color:var(--accent)}.info-link:hover{color:var(--accent)}.info-section{border-top:1px solid #f2f2f233;flex-direction:column;gap:24px;padding-top:48px;display:flex}h1.text-menu-overline,h2.text-menu-overline{margin:0;font-size:11px;font-weight:400}.info-section .overline-wrapper{margin-bottom:0}.timeline{flex-direction:column;margin:0;padding:0;list-style:none;display:flex}.timeline-item{grid-template-columns:140px 1fr;gap:32px;padding:24px 0;display:grid}.timeline-period{font-family:var(--font-mono);letter-spacing:.02em;color:#f2f2f280;padding-top:2px;font-size:13px}.timeline-main{flex-direction:column;gap:8px;display:flex}.timeline-title{letter-spacing:-.4px;flex-wrap:wrap;align-items:baseline;gap:10px;margin:0;font-size:20px;font-weight:500;display:flex}.timeline-place{letter-spacing:0;color:#f2f2f280;font-size:13px;font-weight:400}.timeline-body{color:#f2f2f2cc;max-width:620px;margin:0;font-size:15px;line-height:160%}.timeline-bullets{flex-direction:column;gap:8px;max-width:620px;margin:4px 0 0;padding:0;list-style:none;display:flex}.timeline-bullets li{color:#f2f2f2cc;padding-left:18px;font-size:15px;line-height:160%;position:relative}.timeline-bullets li:before{content:"";background-color:#f2f2f24d;border-radius:50%;width:4px;height:4px;position:absolute;top:10px;left:2px}.timeline-bullet-label{color:var(--on-background)}.about-signoff{flex-direction:column;grid-column:2;gap:12px;margin-top:16px;display:flex}.about-signoff-text{color:#f2f2f2cc;margin:0;font-size:17px}.about-signature{opacity:.72;width:96px;height:auto}.stack-grid{flex-direction:column;margin:0;display:flex}.stack-row{grid-template-columns:140px 1fr;align-items:start;gap:32px;padding:18px 0;display:grid}.stack-label{color:#f2f2f280;padding-top:3px;font-size:13px}.stack-items{flex-wrap:wrap;gap:8px;margin:0;display:flex}.stack-chip{font-family:var(--font-mono);color:#f2f2f2cc;background-color:#f2f2f20a;border:1px solid #f2f2f214;border-radius:8px;padding:7px 10px;font-size:12px;line-height:1}@media (max-width:860px){.info-lede{grid-template-columns:1fr;gap:28px}.info-portrait{max-width:240px}.about-signoff{grid-column:1}.timeline-item,.stack-row{grid-template-columns:1fr;gap:10px}.info-body p{font-size:16px}}.section-starting-block{justify-content:center;width:100%;padding:80px 24px 120px;display:flex}.section-starting-block>div{width:var(--container);max-width:100%}.text-project-title{letter-spacing:-2px;margin:12px 0 0;font-size:72px;font-weight:500;line-height:95%}.text-project-lead{color:#f2f2f2cc;max-width:600px;margin:24px 0 0;font-size:22px}.section-project-hero{text-align:center;flex-direction:column;justify-content:center;align-items:center;min-height:88vh;padding:140px 24px 48px;display:flex;position:relative;overflow:hidden}.project-hero-inner{z-index:1;flex-direction:column;align-items:center;gap:28px;width:min(900px,92vw);display:flex;position:relative}.text-project-hero-headline{font-family:var(--font-neue), sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(40px,6vw,72px);font-weight:500;line-height:1.02}.section-project-hero.is-long .project-hero-inner{width:min(1120px,94vw)}.section-project-hero.is-long .text-project-hero-headline{font-size:clamp(38px,5.3vw,62px);line-height:1.07}.reveal-word{will-change:transform, filter, opacity;display:inline-block}.text-project-hero-sub{color:#f2f2f2;max-width:620px;margin:0;font-size:clamp(16px,1.6vw,19px);line-height:1.5}.project-hero-meta{gap:40px;font-size:15px;display:flex}.project-hero-meta .meta-label{color:#f2f2f280;margin-right:8px}.project-hero-meta .meta-value{color:var(--on-background);font-weight:500}.project-hero-meta-link{transition:opacity .2s}.project-hero-meta-link:hover{opacity:.7}.project-hero-tags{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.project-hero-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;color:#f2f2f2cc;background:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:20px;align-items:center;height:36px;padding:0 16px;font-size:12px;display:inline-flex}.ecg-backdrop{pointer-events:none;background: linear-gradient(90deg, #0c0c0c 0%, #0c0c0c66 18%, transparent 32%, transparent 68%, #0c0c0c66 82%, #0c0c0c 100%),  radial-gradient(82% 88% at 50% 46%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, #0c0c0c) 0%, #0c0c0c 80%, #101010 100%);position:absolute;inset:0;overflow:hidden}.ecg-svg{opacity:.22;width:100%;height:240px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.sql-backdrop{pointer-events:none;background:linear-gradient(90deg, #0c0c0c 0%, #0c0c0c66 18%, transparent 32%, transparent 68%, #0c0c0c66 82%, #0c0c0c 100%), radial-gradient(82% 88% at 50% 46%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, #0c0c0c) 0%, #0c0c0c 80%, #101010 100%);justify-content:center;align-items:center;display:flex;position:absolute;inset:0;overflow:hidden}.sql-code{font-family:var(--font-mono,ui-monospace, "SFMono-Regular", monospace);letter-spacing:.5px;white-space:pre;text-align:left;color:color-mix(in srgb, var(--accent) 60%, #f2f2f2);opacity:.09;margin:0;font-size:clamp(13px,1.5vw,20px);line-height:2;transform:translateY(-3%);-webkit-mask-image:radial-gradient(120% 92%,#000 52%,#0000 88%);mask-image:radial-gradient(120% 92%,#000 52%,#0000 88%)}.grades-backdrop{pointer-events:none;background:linear-gradient(90deg, #0c0c0c 0%, #0c0c0c66 16%, transparent 30%, transparent 70%, #0c0c0c66 84%, #0c0c0c 100%), radial-gradient(82% 84% at 50% 42%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, #0c0c0c) 0%, #0c0c0c 78%, #101010 100%);position:absolute;inset:0;overflow:hidden}.grades-svg{width:100%;height:42%;position:absolute;bottom:0;left:0;right:0;-webkit-mask-image:linear-gradient(#0000 0%,#000 60%);mask-image:linear-gradient(#0000 0%,#000 60%)}.grades-bar{fill:color-mix(in srgb, var(--accent) 58%, transparent);opacity:.32}.star-backdrop{pointer-events:none;background:linear-gradient(90deg, #0c0c0c 0%, #0c0c0c66 16%, transparent 32%, transparent 68%, #0c0c0c66 84%, #0c0c0c 100%), radial-gradient(82% 86% at 50% 44%, color-mix(in srgb, var(--accent) 38%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, #0c0c0c) 0%, #0c0c0c 80%, #101010 100%);position:absolute;inset:0;overflow:hidden}.star-svg{width:100%;height:100%;position:absolute;inset:0;-webkit-mask-image:radial-gradient(70% 62% at 50% 44%,#0000 0%,#00000080 46%,#000 78%);mask-image:radial-gradient(70% 62% at 50% 44%,#0000 0%,#00000080 46%,#000 78%)}.star-edge{stroke:color-mix(in srgb, var(--accent) 55%, transparent);stroke-width:1.2px;opacity:.22}.star-node{fill:color-mix(in srgb, var(--accent) 62%, transparent);opacity:.5}.star-hub{fill:color-mix(in srgb, var(--accent) 78%, #f2f2f2);opacity:.62}.star-dot{fill:color-mix(in srgb, var(--accent) 55%, #f2f2f2);opacity:.4}.ecg-path{fill:none;stroke:var(--accent);stroke-width:2px}.staff-backdrop{pointer-events:none;background:linear-gradient(90deg, #0c0c0c 0%, #0c0c0c66 18%, transparent 32%, transparent 68%, #0c0c0c66 82%, #0c0c0c 100%), radial-gradient(82% 88% at 50% 46%, color-mix(in srgb, var(--accent) 40%, transparent), transparent 72%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 12%, #0c0c0c) 0%, #0c0c0c 80%, #101010 100%);position:absolute;inset:0;overflow:hidden}.staff-svg{opacity:.2;width:100%;height:240px;position:absolute;top:50%;left:0;right:0;transform:translateY(-50%)}.staff-lines path{fill:none;stroke:var(--accent);stroke-width:1px}.staff-stems path{fill:none;stroke:var(--accent);stroke-width:2px}.staff-notes ellipse{fill:var(--accent)}.staff-barline{fill:none;stroke:var(--accent);stroke-width:2px}.section-overview,.section-general{justify-content:center;width:100%;padding:0 24px;display:flex}.section-overview{padding-top:96px}.container-case{width:var(--container);flex-direction:column;gap:24px;max-width:100%;display:flex}.overview-grid{grid-template-columns:180px 1fr;gap:64px;display:grid}.overview-meta{flex-direction:column;gap:20px;display:flex}.overview-meta-item{flex-direction:column;gap:4px;display:flex}.overview-meta-label{color:#f2f2f280;font-size:13px}.overview-meta-value{color:var(--on-background);font-size:15px;font-weight:500}.overview-body{flex-direction:column;gap:20px;display:flex}.overview-heading{letter-spacing:-.01em;margin:0;font-size:clamp(26px,3vw,34px);font-weight:500;line-height:1.1}.overview-text{color:#f2f2f2b3;max-width:60ch;margin:0;font-size:16px;line-height:1.6}.overview-figure{background:#0f0f0f;border:1px solid #f2f2f21a;border-radius:16px;margin:56px 0 0;overflow:hidden}.overview-figure-img{width:100%;height:auto;display:block}.section-problem{justify-content:center;width:100%;padding:112px 24px 0;display:flex}.problem-heading{letter-spacing:-.02em;text-wrap:balance;max-width:32ch;margin:0;font-size:clamp(26px,3.2vw,38px);font-weight:500;line-height:1.12}.problem-sub{color:#f2f2f2b3;max-width:60ch;margin:20px 0 0;font-size:16px;line-height:1.6}.problem-log{font-family:var(--font-mono);background:#0d0d0d;border:1px solid #f2f2f21a;border-radius:14px;margin-top:40px;overflow:hidden}.problem-log-bar{background:#121212;border-bottom:1px solid #f2f2f21a;align-items:center;gap:14px;padding:13px 18px;display:flex}.problem-log-dots{gap:7px;display:flex}.problem-log-dot{border-radius:50%;width:11px;height:11px}.problem-log-dot[data-c=r]{background:#ff5f57}.problem-log-dot[data-c=y]{background:#febc2e}.problem-log-dot[data-c=g]{background:#28c840}.problem-log-name{letter-spacing:.3px;color:#f2f2f280;font-size:12px}.problem-log-row{border-bottom:1px solid #ffffff0a;grid-template-columns:92px 1fr auto;align-items:start;gap:20px;padding:20px 18px;display:grid}.problem-log-row:last-child{border-bottom:none}.problem-log-code{color:#f2f2f299;background:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:6px;align-self:start;padding:4px 8px;font-size:12px}.problem-log-code.is-critical{color:#ff6b6b;background:#ff6b6b12;border-color:#ff6b6b40}.problem-log-main{flex-direction:column;gap:6px;display:flex}.problem-log-title{font-family:var(--font-neue), sans-serif;color:var(--on-background);font-size:16px;font-weight:500}.problem-log-body{font-family:var(--font-neue), sans-serif;color:#f2f2f280;max-width:56ch;font-size:14px;line-height:1.5}.problem-log-tag{white-space:nowrap;letter-spacing:1px;color:#f2f2f299;background:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:20px;align-self:start;padding:4px 10px;font-size:11px}.problem-log-footer{color:var(--accent);background:#0f0f0f;border-top:1px solid #f2f2f21a;align-items:center;gap:8px;padding:14px 18px;font-size:12px;display:flex}.problem-log-cursor{background:var(--accent);width:8px;height:14px;display:inline-block}.story-nav{z-index:100;opacity:0;pointer-events:none;max-height:70vh;transition:opacity .3s;position:fixed;top:50%;right:32px;overflow-y:auto;transform:translateY(-50%)}.story-nav.is-visible{opacity:1;pointer-events:auto}.story-nav-label{letter-spacing:1.6px;text-transform:uppercase;color:#f2f2f230;margin-bottom:12px;font-size:10px;font-weight:600}.story-nav-list{flex-direction:column;gap:10px;margin:0;padding:0;list-style:none;display:flex}.story-nav-link{color:#f2f2f240;letter-spacing:.2px;padding:2px 0;font-size:12px;font-weight:400;text-decoration:none;transition:color .2s;display:block}.story-nav-link:hover{color:#f2f2f2a0}.story-nav-link.is-active{color:var(--accent);font-weight:500}@media (max-width:1280px){.story-nav{display:none}}.section-divider{justify-content:center;width:100%;padding:24px;display:flex}.case-divider{width:var(--container);background:#f2f2f21a;max-width:100%;height:1px}.section-general{padding-top:48px;padding-bottom:80px}.case-block{flex-direction:column;gap:16px;margin-bottom:64px;display:flex}.case-block-head{align-items:center;gap:12px;display:flex}.text-case-heading{letter-spacing:-1px;margin:0;font-size:32px;font-weight:500}.text-case-body{color:#f2f2f2cc;max-width:640px;margin:0;font-size:16px;line-height:160%}.story-section .text-case-body{margin-top:20px}.case-figure{border-radius:16px;width:100%;height:420px;margin-top:16px}.case-steps{flex-direction:column;gap:8px;max-width:640px;margin:28px 0 0;padding:0;list-style:none;display:flex}.case-step{grid-template-columns:auto 1fr;align-items:baseline;gap:14px;display:grid}.case-step.is-plain{border-left:2px solid color-mix(in srgb, var(--accent) 55%, transparent);grid-template-columns:1fr;padding-left:16px}.case-step-num{font-family:var(--font-mono);color:var(--accent);opacity:.85;font-size:13px;font-weight:500;line-height:160%}.case-step-text{margin:0;font-size:16px;line-height:160%}.case-step-label{color:var(--on-background);font-weight:600}.case-step-body{color:#f2f2f2b3}.case-stats{margin-top:24px}.case-stats-row{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.case-stat{background:#f2f2f205;border:1px solid #f2f2f21a;border-radius:14px;flex-direction:column;gap:8px;padding:20px;display:flex}.case-stat-value{letter-spacing:-1px;font-size:34px;font-weight:500;line-height:1;font-family:var(--font-mono);color:var(--on-background)}.case-stat-label{color:#f2f2f299;font-size:13px;line-height:150%}.case-stats-note{letter-spacing:.2px;color:#f2f2f280;margin-top:14px;font-size:13px}@media (max-width:720px){.case-stats-row{grid-template-columns:1fr}}.case-gallery{flex-direction:column;gap:32px;margin-top:40px;display:flex}.case-gallery.is-grid{align-items:start;gap:20px;display:grid}.case-gallery.is-narrow .case-gallery-item{max-width:420px;margin:0 auto}.case-gallery.is-grid .case-gallery-img{aspect-ratio:.96;object-fit:cover;object-position:top}.case-gallery.is-grid.is-landscape .case-gallery-img{aspect-ratio:auto;object-fit:initial}@media (max-width:720px){.case-gallery.is-grid{grid-template-columns:1fr!important}}.case-gallery-item{background:#0f0f0f;border:1px solid #f2f2f21a;border-radius:16px;margin:0;overflow:hidden}.case-gallery-item.is-portrait{align-self:center;width:100%;max-width:440px}.case-split-text{flex-direction:column;gap:16px;display:flex}@media (min-width:860px){.case-block.is-split{flex-direction:row;align-items:flex-start;gap:48px;display:flex}.case-block.is-split .case-split-text{flex:auto;min-width:0}.case-block.is-split .case-split-media{flex:0 0 400px}.case-block.is-split .case-gallery{margin-top:0}.case-block.is-split .case-gallery-item.is-portrait{align-self:stretch;max-width:none}}.case-gallery-img{width:100%;height:auto;display:block}.case-gallery-caption{color:#f2f2f280;letter-spacing:.2px;border-top:1px solid #f2f2f21a;padding:12px 16px;font-size:13px}.case-figure-num{color:color-mix(in srgb, var(--accent) 80%, #f2f2f2);letter-spacing:.3px;margin-right:8px;font-weight:600}.lightbox-trigger{all:unset;cursor:zoom-in;width:100%;display:block}.lightbox-overlay{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000e0;justify-content:center;align-items:center;padding:24px;animation:.2s ease-out lightbox-in;display:flex;position:fixed;inset:0}@keyframes lightbox-in{0%{opacity:0}to{opacity:1}}.lightbox-img{object-fit:contain;border-radius:12px;max-width:95vw;max-height:90vh;box-shadow:0 8px 64px #0009;width:auto!important;height:auto!important}.lightbox-close{color:#f2f2f2cc;cursor:pointer;z-index:1;background:0 0;border:none;padding:8px;font-size:24px;line-height:1;transition:color .15s;position:absolute;top:16px;right:20px}.lightbox-close:hover{color:#fff}.section-results{justify-content:center;width:100%;padding:40px 24px 96px;display:flex}.overline-wrapper.is-centered{justify-content:center}.results-heading{letter-spacing:-.02em;text-align:center;max-width:720px;margin:0 auto;font-size:clamp(28px,3.4vw,40px);font-weight:500}.results-sub{color:#f2f2f2b3;text-align:center;max-width:620px;margin:16px auto 0;font-size:17px;line-height:160%}.results-reflection{text-align:left;border-top:1px solid color-mix(in srgb, var(--accent) 30%, transparent);border-bottom:1px solid color-mix(in srgb, var(--accent) 30%, transparent);max-width:620px;margin:32px auto 0;padding:20px 24px}.results-reflection-heading{letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 82%, #f2f2f2);margin:0 0 8px;font-size:12px}.results-reflection-body{color:#f2f2f2b3;margin:0;font-size:15px;line-height:1.6}.results-grid{grid-template-columns:repeat(2,1fr);gap:16px;margin-top:48px;display:grid}.result-tile{background:#f2f2f205;border:1px solid #f2f2f21a;border-radius:16px;flex-direction:column;gap:10px;padding:28px;display:flex}.result-value{letter-spacing:-2px;color:var(--on-background);font-size:52px;font-weight:500;line-height:1}.result-label{letter-spacing:.8px;color:var(--accent);font-size:12px;font-weight:600}.result-body{color:#f2f2f299;margin:4px 0 0;font-size:14px;line-height:160%}@media (max-width:720px){.results-grid{grid-template-columns:1fr}}.section-next-project{border-top:1px solid #f2f2f21a;justify-content:center;width:100%;padding:100px 24px;transition:background-color .3s;display:flex;position:relative}.section-next-project:hover{background-color:#f2f2f20a}.text-next-project-title{letter-spacing:-1.5px;margin-top:8px;font-size:48px;font-weight:500}@media (max-width:991px){.text-hero{font-size:60px}.footer-contact-row{gap:56px}.footer-cta-line2{white-space:normal}}@media (max-width:767px){.work-page .container-projects{grid-template-columns:1fr;gap:24px}.project-card{height:auto}.project-thumbnail,.project-card:hover .project-thumbnail{transform:none}.work-page .project-card{gap:40px;height:auto;padding:32px 28px 0}.work-page .project-thumbnail{transform:translateY(24px)}.section-hero{padding-top:140px}.container-hero-image{max-width:calc(100% - 28px)}.window-outline{border-radius:20px;padding:6px}.window-main{border-radius:14px}.window-bar{border-top-left-radius:14px;border-top-right-radius:14px;height:34px;padding:0 8px 0 14px}.window-dots-wrapper{gap:6px}.dot{width:10px;height:10px}.dot.red,.dot.yellow,.dot.green{box-shadow:0 0 14px 1px var(--accent)}.icon-windowbar-plus{width:20px;height:20px;font-size:22px}.window-content{min-height:0;padding-top:clamp(36px,6.5vw,50px);padding-left:clamp(18px,4.6vw,35px);padding-right:clamp(18px,4.6vw,35px)}.hero-text-content{gap:20px}.text-hero-greeting{letter-spacing:-1px;font-size:clamp(32px,9vw,42px)}.text-hero-bio{font-size:clamp(16px,2.2vw,17px)}.hero-more{align-self:flex-start;margin-top:28px}.hero-fade{padding-bottom:40px}.scroll-chevron{width:34px;height:38px}.scroll-chevron span{border-bottom-width:2px;border-right-width:2px;width:22px;height:22px}.chip-socials-wrapper,.lang-toggle-wrapper{display:none}.nav-menu-button{display:flex}.section-nav{height:auto;padding:20px 16px 48px}.nav-right-wrapper{margin-right:0}.text-project-title{font-size:44px}.overview-grid{grid-template-columns:1fr;gap:32px}.problem-log-row{grid-template-columns:auto 1fr;gap:14px}.problem-log-tag{grid-column:1/-1;justify-self:start}.overview-text{font-size:16px}.text-next-project-title{font-size:32px}.text-case-heading{font-size:26px}}@media (max-width:479px){.text-underlogo{display:none}}@media (min-width:1440px){.container-hero-image,.container-projects,.container-info{width:1044px}.project-card{height:696px}.window-content{padding:calc(5vw + 24px) calc(3.33vw + 24px) calc(12.5vw + 60px)}.text-hero{letter-spacing:-2.2px;font-size:96px}.text-hero-greeting{font-size:clamp(64px,5.83vw - 20px,92px)}.text-hero-bio{max-width:clamp(620px,29.17vw + 200px,760px);font-size:clamp(22px,.833vw + 10px,26px)}}@media (min-width:1920px){.container-hero-image,.container-projects,.container-info{width:1440px}.work-page .container-projects{width:1600px}.project-thumbnail{max-width:1200px}.text-about-statement{font-size:clamp(48px,2.34vw + 3px,64px)}.info-body p,.about-signoff-text{font-size:21px}.timeline-title{font-size:25px}.timeline-body{font-size:19px}.timeline-period,.timeline-place,.stack-label{font-size:16px}.stack-chip{font-size:15px}.project-card{height:auto}.window-outline{border-radius:36px;padding:12px;box-shadow:inset 0 0 10px #0000004d,0 0 60px #0000004d,0 60px 180px #000000b3}.window-content{padding:calc(4.7vw + 30px) calc(3.44vw + 22px) calc(11.7vw + 75px)}.text-hero-greeting{font-size:clamp(92px,4.37vw + 8px,120px)}.text-hero-bio{max-width:clamp(760px,21vw + 357px,900px);font-size:clamp(26px,.62vw + 14px,32px)}.text-hero{letter-spacing:-3px;text-shadow:0 5px 20px #0057ff33,0 -5px 15px #ff5a0026,0 0 30px #ffffff4d;font-size:132px}}.coming-root{z-index:100;background-color:var(--background);text-align:center;background-image:radial-gradient(circle closest-corner at 50% -8%,#f2f2f21f,#0000 70%);flex-direction:column;justify-content:center;align-items:center;padding:48px 24px;display:flex;position:fixed;inset:0;overflow:hidden}.coming-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#3b82f633,#0000 62%);width:min(900px,92vw);height:520px;position:absolute;top:-22%;left:50%;transform:translate(-50%)}.coming-noise{pointer-events:none;opacity:.03;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");position:absolute;inset:0}.coming-inner{z-index:1;flex-direction:column;align-items:center;gap:28px;max-width:720px;display:flex;position:relative}.coming-inner>*{animation:.7s cubic-bezier(.165,.84,.44,1) both coming-in}.coming-inner>:first-child{animation-delay:50ms}.coming-inner>:nth-child(2){animation-delay:.17s}.coming-inner>:nth-child(3){animation-delay:.29s}.coming-inner>:nth-child(4){animation-delay:.41s}@keyframes coming-in{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.coming-inner>*{animation:none}}.coming-title{letter-spacing:-2px;text-shadow:0 -5px 25px #ffffff26;margin:0;font-size:clamp(40px,8vw,88px);font-weight:500;line-height:1.02}.coming-serif{font-family:var(--font-serif);background-image:linear-gradient(to bottom, var(--accent) 30%, #9ec5ff 75%, transparent 105%);-webkit-text-fill-color:transparent;text-shadow:0 5px 20px #3b82f64d;-webkit-background-clip:text;background-clip:text;padding-right:8px;font-style:italic;font-weight:400}.coming-bio{color:#f2f2f2b3;max-width:560px;margin:0;font-size:clamp(16px,2.2vw,20px);line-height:1.6}.coming-socials{gap:12px;margin-top:8px;display:flex}.coming-social{background-color:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:50%;justify-content:center;align-items:center;width:48px;height:48px;transition:background-color .2s,transform .2s;display:flex}.coming-social:hover{background-color:#f2f2f21a;transform:translateY(-2px)}.coming-social img{object-fit:contain;opacity:.8;width:20px;height:20px}.coming-footer{text-align:center;color:#f2f2f266;font-size:13px;position:absolute;bottom:32px;left:0;right:0}html.lenis,html.lenis body{height:auto}.lenis.lenis-smooth{scroll-behavior:auto!important}.lenis.lenis-stopped{overflow:hidden}.story-section{padding-top:92px;scroll-margin-top:32px}.story-section:first-child{padding-top:120px}.story-cover{justify-content:center;width:100%;padding:150px 24px 64px;display:flex;position:relative;overflow:hidden}.story-cover-glow{pointer-events:none;background:radial-gradient(70% 70% at 78% 30%, color-mix(in srgb, var(--accent) 26%, transparent), transparent 68%), radial-gradient(60% 90% at 12% 90%, color-mix(in srgb, var(--accent) 12%, transparent), transparent 70%), linear-gradient(180deg, color-mix(in srgb, var(--accent) 8%, #0c0c0c) 0%, #0c0c0c 78%, #101010 100%);position:absolute;inset:0}.story-cover-inner{z-index:1;width:var(--container);grid-template-columns:1fr .92fr;align-items:center;gap:56px;max-width:100%;display:grid;position:relative}.story-cover-copy{flex-direction:column;align-items:flex-start;gap:24px;display:flex}.story-cover-overline{letter-spacing:2px;color:color-mix(in srgb, var(--accent) 82%, #f2f2f2);text-transform:uppercase;font-size:12px}.story-cover-headline{font-family:var(--font-neue), sans-serif;letter-spacing:-.02em;text-wrap:balance;margin:0;font-size:clamp(34px,4.4vw,58px);font-weight:500;line-height:1.03}.story-cover-sub{color:#f2f2f2cc;max-width:46ch;margin:0;font-size:clamp(16px,1.5vw,18px);line-height:1.55}.story-cover-meta{gap:36px;margin-top:4px;font-size:15px;display:flex}.story-cover-meta .meta-label{color:#f2f2f280;margin-right:8px}.story-cover-meta .meta-value{color:var(--on-background);font-weight:500}.story-cover-meta-link{transition:opacity .2s}.story-cover-meta-link:hover{opacity:.7}.story-cover-tags{flex-wrap:wrap;gap:10px;display:flex}.story-cover-tag{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);letter-spacing:1px;color:#f2f2f2cc;background:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:20px;align-items:center;height:34px;padding:0 15px;font-size:12px;display:inline-flex}.story-cover-media{border:1px solid color-mix(in srgb, var(--accent) 22%, #f2f2f21a);box-shadow:0 30px 80px -40px color-mix(in srgb, var(--accent) 40%, transparent), 0 20px 60px -30px #0009;background:#0f0f0f;border-radius:16px;margin:0;overflow:hidden}.story-cover-img{width:100%;height:auto;display:block}.story-statement{font-family:var(--font-neue), sans-serif;letter-spacing:-.01em;color:#f2f2f2;text-wrap:balance;max-width:30ch;margin:8px 0 0;font-size:clamp(24px,3vw,36px);font-weight:500;line-height:1.24}.story-prose{flex-direction:column;gap:16px;display:flex}.story-prose.is-aside{border-left:2px solid color-mix(in srgb, var(--accent) 55%, transparent);max-width:62ch;margin-left:auto;padding-left:28px}.story-prose-meta{flex-wrap:wrap;gap:32px;margin-top:8px;display:flex}.story-cards{grid-template-columns:repeat(2,1fr);gap:20px;margin-top:24px;display:grid}.story-card{background:linear-gradient(#f2f2f208,#f2f2f203);border:1px solid #f2f2f214;border-radius:16px;flex-direction:column;gap:12px;padding:26px 26px 24px;display:flex}.story-card-overline{letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 82%, #f2f2f2);font-size:12px}.story-card-title{color:var(--on-background);margin:2px 0 0;font-size:18px;font-weight:500;line-height:1.25}.story-card-body{color:#f2f2f2b3;margin:0;font-size:15px;line-height:1.55}.story-card-tags{flex-wrap:wrap;gap:8px;margin-top:auto;padding-top:8px;display:flex}.story-card-tag{letter-spacing:1px;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 85%, #f2f2f2);background:color-mix(in srgb, var(--accent) 14%, transparent);border:1px solid color-mix(in srgb, var(--accent) 26%, transparent);border-radius:6px;padding:4px 10px;font-size:11px}@media (max-width:720px){.story-cards{grid-template-columns:1fr!important}}.story-compare{border:1px solid #f2f2f214;border-radius:16px;margin-top:40px;overflow:hidden}.story-compare-head,.story-compare-row{grid-template-columns:150px 1fr 1fr;align-items:start;gap:28px;padding:20px 26px;display:grid}.story-compare-head{background:#f2f2f205;border-bottom:1px solid #f2f2f21a;padding-top:16px;padding-bottom:12px}.story-compare-row+.story-compare-row{border-top:1px solid #f2f2f210}.story-compare-col-label{letter-spacing:1.5px;text-transform:uppercase;font-size:11px}.story-compare-col-label.is-before{color:#f2f2f259}.story-compare-col-label.is-after{color:color-mix(in srgb, var(--accent) 85%, #f2f2f2)}.story-compare-label{letter-spacing:1.5px;text-transform:uppercase;color:color-mix(in srgb, var(--accent) 80%, #f2f2f2);padding-top:2px;font-size:12px}.story-compare-before{color:#f2f2f280;font-size:15px;line-height:1.5}.story-compare-after{color:#f2f2f2;border-left:2px solid color-mix(in srgb, var(--accent) 45%, transparent);padding-left:18px;font-size:15px;font-weight:500;line-height:1.5}.story-compare-cta{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:28px;display:flex}.story-compare-cta-note{color:#f2f2f2b3;font-size:15px}.story-compare-cta-link{border:1px solid color-mix(in srgb, var(--accent) 30%, #f2f2f21a);background:color-mix(in srgb, var(--accent) 12%, transparent);color:var(--on-background);border-radius:100px;align-items:center;gap:6px;padding:9px 17px;font-size:14px;font-weight:500;transition:opacity .2s;display:inline-flex}.story-compare-cta-link:hover{opacity:.75}@media (max-width:720px){.story-compare-head{display:none}.story-compare-row{grid-template-columns:1fr;gap:8px;padding:18px}.story-compare-after{padding-left:14px}}.story-layers{flex-direction:column;gap:12px;margin:24px 0 0;padding:0;list-style:none;display:flex}.story-layer{background:linear-gradient(#f2f2f208,#f2f2f203);border:1px solid #f2f2f214;border-radius:16px;grid-template-columns:26px 1fr;align-items:start;gap:16px;padding:22px 26px;display:grid}.story-layer-n{font-family:var(--font-neue), sans-serif;letter-spacing:.5px;color:color-mix(in srgb, var(--accent) 82%, #f2f2f2);font-size:12px;font-weight:600;line-height:1.7}.story-layer-main{flex-direction:column;gap:8px;min-width:0;display:flex}.story-layer-title{color:var(--on-background);font-size:17px;font-weight:500}.story-layer-body{color:#f2f2f2b3;margin:0;font-size:15px;line-height:1.55}.story-layer-catch{color:#f2f2f280;margin-top:2px;font-size:14px;line-height:1.5}.story-layer-catch-label{color:color-mix(in srgb, var(--accent) 82%, #f2f2f2);margin-right:6px;font-weight:500}@media (max-width:860px){.story-cover{padding:130px 24px 48px}.story-cover-inner{grid-template-columns:1fr;gap:40px}.story-cover-media{order:-1;align-self:stretch}}@media (max-width:720px){.story-section{padding-top:72px}.story-layer{grid-template-columns:20px 1fr;gap:12px;padding:18px}.story-prose.is-aside{padding-left:18px}}.nf-root{text-align:center;justify-content:center;align-items:center;width:100%;min-height:100svh;padding:120px 24px 80px;display:flex;position:relative;overflow:hidden}.nf-glow{filter:blur(50px);pointer-events:none;background:radial-gradient(circle,#3b82f629,#0000 62%);width:min(900px,92vw);height:520px;position:absolute;top:-18%;left:50%;transform:translate(-50%)}.nf-inner{z-index:1;flex-direction:column;align-items:center;gap:20px;max-width:620px;display:flex;position:relative}.nf-code{font-family:var(--font-mono);letter-spacing:3px;color:#f2f2f266;font-size:13px}.nf-title{letter-spacing:-1.5px;text-shadow:0 -5px 25px #ffffff26;margin:0;font-size:clamp(34px,6vw,64px);font-weight:500;line-height:1.05}.nf-body{color:#f2f2f2b3;max-width:460px;margin:0;font-size:clamp(15px,2vw,18px);line-height:1.6}.nf-actions{flex-wrap:wrap;justify-content:center;gap:12px;margin-top:12px;display:flex}.nf-btn{background-color:#f2f2f20d;border:1px solid #f2f2f21a;border-radius:999px;padding:13px 22px;font-size:15px;transition:background-color .2s,transform .2s}.nf-btn:hover{background-color:#f2f2f21a;transform:translateY(-2px)}.nf-btn.is-primary{background-color:var(--on-background);color:var(--background);border-color:#0000}.nf-btn.is-primary:hover{background-color:#fff}@media (prefers-reduced-motion:reduce){.nf-btn:hover{transform:none}}