@import "https://fonts.googleapis.com/css2?family=Bebas+Neue&family=Inter:wght@300;400;500&display=swap";:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;--hero-bg:#0d0b0e;--display:"Bebas Neue", system-ui, sans-serif;--ui:"Inter", system-ui, sans-serif;font:300 18px/145% var(--ui);letter-spacing:.18px;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}@media (prefers-color-scheme:dark){:root{--lightningcss-light: ;--lightningcss-dark:initial}}@media (width<=1024px){:root{font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}#root{text-align:left;box-sizing:border-box;border-inline:none;flex-direction:column;width:100%;max-width:100%;min-height:100svh;margin:0;display:flex}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px}@media (width<=1024px){h1{margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%}@media (width<=1024px){h2{font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.hero-page{background:var(--bg);flex-direction:column;min-height:100svh;display:flex}.hero-stage{background-color:var(--hero-bg);flex:1;min-height:calc(100svh - 52px);position:relative;overflow:hidden}.hero-stage:before{content:"";pointer-events:none;z-index:1;background-image:linear-gradient(160deg,#96370fbf 0%,#3c0c0480 50%,#0d0b0ee6 100%);position:absolute;inset:0}.hero-canvas-host{z-index:0;position:absolute;inset:0}.hero-canvas{width:100%;height:100%;display:block}.nav{z-index:10;justify-content:space-between;align-items:center;padding:28px 60px;display:flex;position:absolute;top:0;left:0;right:0}.nav-logo,.nav-logo img{object-fit:contain;width:64px;height:64px;display:block}.nav-links{gap:48px;margin:0;padding:0;list-style:none;display:flex}.nav-links a{color:#fffc;letter-spacing:.04em;font-size:13px;font-weight:400;font-family:var(--ui);align-items:baseline;gap:6px;text-decoration:none;display:flex}.nav-links a em{opacity:.55;font-size:10px;font-style:normal}.nav-badge{background:#fff;border:1px solid #0000001a;border-radius:4px;align-items:center;gap:10px;padding:10px 12px;display:flex}.nav-badge-inner{border-right:1px solid #0000001a;flex-direction:column;align-items:flex-end;gap:6px;padding-right:10px;display:flex}.nav-badge-title{color:#1a1a1a;letter-spacing:.05em;font-size:11px;font-weight:500;font-family:var(--ui)}.nav-badge-grid{grid-template-columns:repeat(3,4px);gap:2px;display:grid}.nav-badge-grid span{opacity:.6;background:#1a1a1a;width:4px;height:4px}.nav-badge-photo{background:linear-gradient(135deg,#8b4513 0%,#2d1a0a 100%);border-radius:2px;flex-shrink:0;width:44px;height:44px}.nav-badge-info{flex-direction:column;gap:2px;display:flex}.nav-badge-info strong{color:#1a1a1a;font-size:12px;font-weight:500;font-family:var(--ui)}.nav-badge-info span{color:#666;font-size:10px;font-family:var(--ui)}.hero-content{color:#fff;z-index:2;max-width:380px;position:absolute;bottom:200px;left:60px}.hero-label{font-size:10px;font-family:var(--ui);letter-spacing:.18em;text-transform:uppercase;opacity:.65;margin:0 0 20px;font-weight:400}.hero-body{font-size:14px;font-family:var(--ui);opacity:.9;margin:0 0 28px;font-weight:300;line-height:165%}.hero-cta{color:#fff;font-family:var(--ui);letter-spacing:.06em;text-underline-offset:5px;font-size:13px;font-weight:400;-webkit-text-decoration:underline #ffffff80;text-decoration:underline #ffffff80}.crosshair{width:20px;height:20px;position:absolute;transform:translate(-50%,-50%)}.crosshair:before,.crosshair:after{content:"";background:#ffffffa6;position:absolute}.crosshair:before{width:1px;height:100%;top:0;left:50%}.crosshair:after{width:100%;height:1px;top:50%;left:0}.crosshair-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);font-size:11px;font-family:var(--ui);color:#ffffffd9;white-space:nowrap;pointer-events:none;background:#0d0b0ec7;border:1px solid #ffffff1f;padding:10px 14px;line-height:175%;position:absolute;top:24px;left:24px}.crosshair-card strong{color:#fff;font-weight:500}.hero-name{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:#fff;white-space:nowrap;z-index:5;margin:0;padding:0 40px 10px;font-size:clamp(72px,11vw,160px);font-weight:400;line-height:.9;position:absolute;bottom:0;left:0;right:0;overflow:hidden}.hero-footer{background:var(--hero-bg);color:#fff6;font-family:var(--ui);letter-spacing:.12em;border-top:1px solid #ffffff12;justify-content:space-between;align-items:center;padding:14px 60px;font-size:11px;display:flex}.footer-ticks{align-items:center;gap:3px;display:flex}.footer-ticks span{background:#fff3;width:18px;height:2px}.footer-ticks span.active{background:#fffc;width:2px}@media (width<=768px){.nav{padding:20px 24px}.nav-links{display:none}.hero-content{max-width:calc(100% - 48px);bottom:140px;left:24px}.hero-name{padding:0 20px 8px}.hero-footer{padding:12px 24px}}.showcase{background:var(--bg);color:var(--text-h);padding:80px 60px 0;position:relative}.showcase__grid{grid-template-columns:1fr minmax(0,860px) 1fr;align-items:start;gap:40px;display:grid}.showcase__side{align-self:start;height:max-content;position:sticky;top:96px}.showcase__side--left{padding-top:8px}.showcase__side--right{justify-content:flex-end;padding-top:8px;display:flex}.showcase__title{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-h);margin:0 0 24px;font-size:clamp(72px,11vw,160px);font-weight:400;line-height:.9}.showcase__cta{border-top:1px solid var(--text-h);border-bottom:1px solid var(--text-h);max-width:340px;font-family:var(--ui);color:var(--text-h);justify-content:space-between;align-items:center;gap:24px;padding:14px 4px 14px 0;font-size:18px;font-weight:400;text-decoration:none;display:flex}.showcase__cta-mark{opacity:.7;font-size:14px}.showcase__seeall{color:var(--text-h);font-family:var(--ui);background:#f4f3ec;border-radius:12px;align-items:center;gap:14px;padding:8px 18px 8px 8px;font-size:16px;font-weight:400;text-decoration:none;display:inline-flex}.showcase__seeall-thumb{background-color:#ddd;background-position:50%;background-size:cover;border-radius:6px;flex-shrink:0;width:56px;height:40px}.showcase__stack{--card-h:46vh;--caption-h:64px;--pin-top:32px;--peek:12px;--card-max-w:820px;padding-bottom:calc(100vh - var(--pin-top));flex-direction:column;gap:12vh;display:flex}.case-card{top:calc(var(--pin-top) + var(--i) * (var(--peek) + var(--caption-h)));height:calc(var(--card-h) + var(--caption-h));width:100%;max-width:var(--card-max-w);grid-template-rows:1fr var(--caption-h);will-change:transform;color:inherit;cursor:pointer;background:var(--bg);margin:0 auto;text-decoration:none;display:grid;position:sticky}.case-card:focus-visible{outline:2px solid var(--text-h);outline-offset:6px;border-radius:8px}.case-card__image{background-color:#eee;border-radius:8px;position:relative;overflow:hidden}.case-card__image:after{content:"";background-image:inherit;filter:blur(28px)saturate(1.05);z-index:0;background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.case-card__image:before{content:"";background-image:inherit;z-index:1;background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.case-card__image-hover{z-index:2;opacity:0;pointer-events:none;transition:opacity .28s;position:absolute;inset:0}.case-card__image-hover:before{content:"";background-image:var(--hover-image);filter:blur(28px)saturate(1.05);background-position:50%;background-size:cover;position:absolute;inset:0;transform:scale(1.15)}.case-card__image-hover:after{content:"";background-image:var(--hover-image);background-position:50%;background-repeat:no-repeat;background-size:contain;position:absolute;inset:0}.case-card--has-hover .case-card__image:hover .case-card__image-hover{opacity:1}.case-card__image--video{background-color:#000}.case-card__image--video:before,.case-card__image--video:after{display:none}.case-card__video{object-fit:contain;z-index:1;pointer-events:none;background:#000;width:100%;height:100%;position:absolute;inset:0}.case-card__caption{font-family:var(--ui);color:var(--text-h);height:var(--caption-h);background:var(--bg);grid-template-columns:80px 1fr auto;align-items:start;gap:24px;padding:18px 4px 0;font-size:15px;display:grid;overflow:hidden}.case-card__meta{flex-direction:column;gap:4px;display:flex}.case-card__id,.case-card__title{color:var(--text-h);font-weight:500}.case-card__subtitle{color:var(--text);font-weight:300}.case-card__year{color:var(--text-h);white-space:nowrap;font-weight:400}.showcase__footer{border-top:1px solid var(--border);font-family:var(--ui);color:var(--text-h);letter-spacing:.02em;justify-content:space-between;align-items:center;margin-top:40px;padding:24px 0;font-size:13px;display:flex}@media (width<=1024px){.showcase{padding:60px 32px 0}.showcase__grid{grid-template-columns:1fr;gap:32px}.showcase__side{height:auto;position:static}.showcase__side--right{padding-top:0;position:absolute;top:24px;right:24px}.showcase__title{font-size:clamp(56px,14vw,96px)}}@media (width<=768px){.showcase{padding:48px 24px 0}.showcase__stack{--card-h:38vh;--caption-h:52px;--pin-top:24px;--peek:8px;--card-max-w:100%;padding-bottom:calc(100vh - var(--pin-top));gap:10vh}.showcase__title{font-size:56px}.showcase__cta{font-size:15px}.case-card__caption{padding-top:14px;font-size:12px}.case-card__title,.case-card__subtitle{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}@media (prefers-reduced-motion:reduce){.case-card{position:static}.showcase__stack{gap:60px;padding-bottom:60px}}.stack{background:var(--bg);color:var(--text-h);padding:80px 60px 0;position:relative}.stack__title{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-h);margin:0 0 32px;font-size:clamp(56px,8vw,120px);font-weight:400;line-height:.9}.stack__marquee{margin-inline:-60px;overflow:hidden;-webkit-mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000);mask-image:linear-gradient(90deg,#0000,#000 6% 94%,#0000)}.stack__track{--copies:6;align-items:center;width:max-content;padding:24px 0;animation:40s linear infinite stack-scroll;display:flex}.stack__marquee:hover .stack__track{animation-play-state:paused}.stack__item{color:var(--text-h);flex:none;place-items:center;padding-inline:20px;display:grid}.stack__logo{object-fit:contain;width:auto;height:64px;display:block}@keyframes stack-scroll{0%{transform:translate(0,0)}to{transform:translate3d(calc(-100% / var(--copies)), 0, 0)}}@media (width<=1024px){.stack{padding:60px 32px 0}.stack__marquee{margin-inline:-32px}.stack__item{padding-inline:16px}.stack__logo{height:52px}}@media (width<=768px){.stack{padding:48px 24px 0}.stack__marquee{margin-inline:-24px}.stack__item{padding-inline:12px}.stack__logo{height:44px}.stack__title{font-size:56px}}@media (prefers-reduced-motion:reduce){.stack__track{animation:none}.stack__marquee{overflow-x:auto}}.about{background:var(--bg);color:var(--text);border-top:1px solid var(--border);grid-template-columns:1fr 1fr;align-items:stretch;gap:40px;padding:80px 60px;display:grid}.about__left{flex-direction:column;gap:24px;display:flex}.about__title{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:var(--text-h);margin:0;font-size:clamp(56px,8vw,120px);font-weight:400;line-height:.9}.about__body{flex-direction:column;gap:20px;display:flex}.about__body p{color:var(--text);font-size:18px;line-height:155%}.about__photo{object-fit:cover;border-radius:4px;width:100%;height:60%;display:block}@media (width<=1024px){.about{grid-template-columns:1fr;gap:24px;padding:60px 32px}.about__photo{height:320px}}@media (width<=768px){.about{padding:48px 24px}.about__title{font-size:56px}.about__photo{height:260px}}.contact{color:#fff;background:#000;padding:80px 60px;position:relative}.contact__top{font-family:var(--ui);letter-spacing:.02em;color:#fff;justify-content:space-between;align-items:baseline;gap:24px;font-size:15px;display:flex}.contact__email-mini{color:#fff;font-family:var(--mono);letter-spacing:.04em;border-bottom:1px solid #0000;font-size:14px;text-decoration:none;transition:border-color .16s,color .16s}.contact__email-mini:hover{border-bottom-color:#fff}.contact__socials{font-family:var(--ui);align-items:baseline;gap:18px;margin:0;padding:0;font-size:15px;list-style:none;display:flex}.contact__socials a{color:#fff;letter-spacing:.01em;text-decoration:none;transition:color .16s}.contact__socials a:hover{color:var(--accent)}.contact__socials-sep{color:#ffffff80;font-size:13px}.contact__headline{font-family:var(--display);letter-spacing:-.01em;text-transform:uppercase;color:#fff;white-space:nowrap;margin:48px 0 40px;font-size:clamp(28px,7.6vw,160px);font-weight:400;line-height:.95;text-decoration:none;transition:color .2s;display:block}.contact__headline:hover{color:var(--accent)}.contact__at{transition:color .2s;display:inline-block;transform:translateY(-.04em)}.contact__headline:hover .contact__at{color:var(--accent)}.contact__channels{border-top:1px solid #ffffff2e;grid-template-columns:1fr 1fr;gap:16px 40px;margin:0;padding:24px 0 0;list-style:none;display:grid}.contact__channels a{color:#fff;font-family:var(--ui);border-bottom:1px solid #0000;justify-content:space-between;align-items:baseline;gap:24px;padding:12px 0;font-size:16px;text-decoration:none;transition:border-color .16s,color .16s;display:flex}.contact__channels a:hover{border-bottom-color:#fff}.contact__channels-label{color:#ffffff8c;text-transform:uppercase;letter-spacing:.12em;font-size:12px}.contact__channels-value{font-family:var(--mono);color:#fff;font-size:15px}@media (width<=1024px){.contact{padding:60px 32px 0}.contact__headline{margin:40px 0 32px;font-size:clamp(28px,7.6vw,96px)}.contact__channels{grid-template-columns:1fr;gap:8px}}@media (width<=768px){.contact{padding:48px 24px 0}.contact__top{flex-direction:column;align-items:flex-start;gap:14px}.contact__socials{gap:14px}.contact__headline{white-space:nowrap;word-break:normal;margin:32px 0 28px;font-size:clamp(22px,8.4vw,64px);line-height:.95}.contact__channels a{flex-direction:column;align-items:flex-start;gap:4px;padding:10px 0}}.case-page{background:var(--bg);color:var(--text-h);min-height:100svh;padding-bottom:80px}.case-page__nav.nav{padding:28px 60px;position:relative}.case-page__nav .nav-logo,.case-page__nav .nav-links a{color:var(--text-h)}.case-page__nav .nav-logo{text-decoration:none}.case-hero{max-width:1240px;margin:0 auto;padding:32px 60px 56px}.case-hero__back{font-family:var(--ui);color:var(--text-h);opacity:.7;margin-bottom:48px;font-size:14px;text-decoration:none;transition:opacity .2s;display:inline-block}.case-hero__back:hover{opacity:1}.case-hero__eyebrow{font-family:var(--ui);text-transform:uppercase;letter-spacing:.12em;color:var(--text);margin:0 0 24px;font-size:13px}.case-hero__title{font-family:var(--display);letter-spacing:-.02em;text-transform:uppercase;color:var(--text-h);margin:0;font-size:clamp(72px,12vw,200px);font-weight:400;line-height:.92}.case-body{grid-template-columns:minmax(280px,360px) minmax(0,1fr);align-items:start;gap:64px;max-width:1240px;margin:0 auto;padding:0 60px;display:grid}.case-body__intro{flex-direction:column;align-self:start;gap:40px;display:flex;position:sticky;top:80px}.case-body__lede{font-family:var(--ui);color:var(--text);margin:0;font-size:16px;line-height:1.55}.case-body__meta{font-family:var(--ui);flex-direction:column;gap:18px;margin:0;font-size:14px;display:flex}.case-body__meta-row{grid-template-columns:80px 1fr;align-items:baseline;gap:12px;display:grid}.case-body__meta-label{color:var(--text);letter-spacing:.02em}.case-body__meta-label:after{content:" :"}.case-body__meta-value{color:var(--text-h);margin:0}.case-body__gallery{flex-direction:column;gap:24px;display:flex}.case-gallery__item{flex-direction:column;gap:14px;margin:0;display:flex}.case-gallery__media{background:var(--code-bg);border-radius:12px;overflow:hidden;box-shadow:0 24px 48px -16px #0000002e,0 4px 12px #0000000f}.case-gallery__media--transparent{box-shadow:none;background:0 0;border-radius:0;overflow:visible}.case-gallery__media>:is(img,video){width:100%;height:auto;display:block}.case-gallery__caption{font-family:var(--ui);letter-spacing:.02em;color:var(--text);max-width:720px;padding:0 4px;font-size:13px;line-height:1.45}.case-cta{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:32px;max-width:1240px;margin:96px auto 0;padding:64px 60px;display:flex}.case-cta__title{font-family:var(--display);text-transform:uppercase;letter-spacing:-.01em;color:var(--text-h);margin:0;font-size:clamp(36px,5vw,64px);font-weight:400;line-height:1}.case-cta__link{font-family:var(--ui);color:var(--text-h);border:1px solid var(--text-h);border-radius:999px;padding:14px 24px;font-size:16px;text-decoration:none;transition:background .2s,color .2s}.case-cta__link:hover{background:var(--text-h);color:var(--bg)}.case-page__footer{max-width:1240px;font-family:var(--ui);color:var(--text-h);border-top:1px solid var(--border);justify-content:space-between;align-items:center;margin:24px auto 0;padding:24px 60px 0;font-size:13px;display:flex}.case-page__footer a{color:var(--text-h);opacity:.7;text-decoration:none}.case-page__footer a:hover{opacity:1}@media (width<=1024px){.case-page__nav.nav,.case-hero,.case-body,.case-cta,.case-page__footer{padding-left:32px;padding-right:32px}}@media (width<=900px){.case-body{grid-template-columns:1fr;gap:40px}.case-body__intro{position:static;top:auto}}@media (width<=768px){.case-page__nav.nav,.case-hero,.case-body,.case-cta,.case-page__footer{padding-left:20px;padding-right:20px}.case-cta{flex-direction:column;align-items:flex-start}.case-page__nav .nav-links{gap:18px}}