:root{--bg:#0b0a09;--bg-raised:#141210;--ink:#f5f2ea;--ink-soft:#c8c2b4;--muted:#8c8577;--line:#f5f2ea1f;--line-strong:#f5f2ea38;--accent-1:#7c5cff;--accent-2:#ff6f61;--accent-3:#ffb454;--accent-4:#2fb8a6;--font-display:"Space Grotesk", "Helvetica Neue", Arial, sans-serif;--font-body:"Inter", "Helvetica Neue", Arial, sans-serif;--gutter:clamp(20px, 5vw, 64px);--max-w:1360px;--ease:cubic-bezier(.16, 1, .3, 1);--dur-fast:.3s;--dur-med:.6s;--dur-slow:1s;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark}*{box-sizing:border-box}html{scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);-webkit-font-smoothing:antialiased;margin:0;font-size:16px;line-height:1.5;overflow-x:hidden}h1,h2,h3,h4{font-family:var(--font-display);letter-spacing:-.02em;overflow-wrap:break-word;max-width:100%;margin:0;font-weight:600;line-height:1.05}p{overflow-wrap:break-word;max-width:100%;margin:0}a{color:inherit;text-decoration:none}button{cursor:pointer;font-family:inherit}img{max-width:100%;display:block}.container{width:100%;max-width:var(--max-w);padding-inline:var(--gutter);margin-inline:auto}.visually-hidden{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}::selection{background:var(--ink);color:var(--bg)}.eyebrow{font-family:var(--font-body);letter-spacing:.08em;text-transform:uppercase;color:var(--muted);align-items:center;gap:8px;font-size:13px;font-weight:500;display:inline-flex}.eyebrow:before{content:"";background:linear-gradient(135deg, var(--accent-1), var(--accent-2));border-radius:50%;width:6px;height:6px}.btn{border:1px solid var(--line-strong);color:var(--ink);transition:background var(--dur-fast) var(--ease), color var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), transform var(--dur-fast) var(--ease);background:0 0;border-radius:999px;align-items:center;gap:10px;padding:14px 24px;font-size:14px;font-weight:500;display:inline-flex;position:relative}.btn:hover{background:var(--ink);color:var(--bg);border-color:var(--ink);transform:translateY(-2px)}.btn-arrow{transition:transform var(--dur-fast) var(--ease)}.btn:hover .btn-arrow{transform:translate(3px,-3px)}@media (prefers-reduced-motion:reduce){.btn:hover{transform:none}}.header{z-index:100;transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), backdrop-filter var(--dur-fast) var(--ease), transform var(--dur-med) var(--ease);border-bottom:1px solid #0000;position:fixed;top:0;left:0;right:0}@media (width>=781px){.header--hidden{transform:translateY(-100%)}}@media (prefers-reduced-motion:reduce){.header{transition:background var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease), backdrop-filter var(--dur-fast) var(--ease)}}.header--scrolled{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom-color:var(--line);background:#0b0a09d1}.header__bar{justify-content:space-between;align-items:center;height:76px;display:flex}.header__logo{font-family:var(--font-display);letter-spacing:-.01em;font-size:18px;font-weight:600}.header__nav--desktop{gap:36px;display:flex}.header__nav--desktop a{color:var(--ink-soft);padding-bottom:2px;font-size:14px;font-weight:500;position:relative}.header__nav--desktop a:after{content:"";background:var(--ink);height:1px;transition:right var(--dur-fast) var(--ease);position:absolute;bottom:-2px;left:0;right:100%}.header__nav--desktop a:hover{color:var(--ink)}.header__nav--desktop a:hover:after{right:0}@media (width<=780px){.header{position:static}.header--scrolled{-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border-bottom-color:#0000}.header__nav--desktop{display:none}}.footer{border-top:1px solid var(--line);background:var(--bg-raised);padding-block:clamp(64px,12vw,140px) 40px}.footer__inner{flex-direction:column;gap:48px;display:flex}.footer__title{max-width:16ch;font-size:clamp(32px,6vw,64px)}.footer__title span{color:#0000;background:linear-gradient(90deg, var(--accent-1), var(--accent-2));-webkit-background-clip:text;background-clip:text}.footer__email{font-family:var(--font-display);border-bottom:1px solid var(--line-strong);transition:opacity var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);margin-top:28px;padding-bottom:6px;font-size:clamp(20px,3vw,28px);display:inline-block}.footer__email:hover{opacity:.6;border-color:var(--ink)}.footer__meta{color:var(--muted);border-top:1px solid var(--line);flex-wrap:wrap;justify-content:space-between;gap:12px;padding-top:24px;font-size:13px;display:flex}.hero-gradient{background:var(--bg);position:absolute;inset:0;overflow:hidden}.hero-gradient__canvas{width:100%;height:100%;position:absolute;inset:0}.hero-gradient__grain{opacity:.35;mix-blend-mode:overlay;pointer-events:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:140%;height:140%;position:absolute;inset:-20%}.hero-gradient--ambient .hero-gradient__canvas{filter:blur(6px);opacity:.8}.hero-gradient--ambient .hero-gradient__grain{opacity:.22}.approach-bg{background:var(--bg-raised);position:absolute;inset:0;overflow:hidden}.approach-bg__video{object-fit:cover;filter:brightness(.6)saturate(1.1);width:100%;height:100%;position:absolute;inset:0}.approach-bg__tint{background:linear-gradient(135deg, var(--accent-1) 0%, transparent 45%), linear-gradient(315deg, var(--accent-4) 0%, transparent 45%);mix-blend-mode:color;opacity:.7;position:absolute;inset:0}.approach-bg__grain{opacity:.18;mix-blend-mode:overlay;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.9' numOctaves='2' stitchTiles='stitch'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E");width:140%;height:140%;position:absolute;inset:-20%}.split-reveal__line{display:block}.split-reveal__mask{vertical-align:top;max-width:100%;margin-bottom:-.05em;padding-bottom:.05em;display:inline-block;overflow:hidden}.split-reveal__word{overflow-wrap:break-word;word-break:break-word;will-change:transform;max-width:100%;display:inline-block}.split-reveal__word--highlight{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));color:#0000;-webkit-background-clip:text;background-clip:text}.projects-grid{flex-direction:column;gap:clamp(24px,4vw,48px);display:flex}.projects-grid__row{gap:clamp(24px,4vw,48px);display:grid}.projects-grid__row--two{grid-template-columns:repeat(2,1fr)}.projects-grid__row--one{grid-template-columns:1fr}.projects-grid__tile{display:block}.projects-grid__media{background:var(--bg-raised);border-radius:16px;height:clamp(320px,34vw,520px);position:relative;overflow:hidden}.projects-grid__row--one .projects-grid__media{height:clamp(320px,40vw,560px)}.projects-grid__video,.projects-grid__image{object-fit:cover;width:100%;height:100%;transition:transform var(--dur-slow) var(--ease), filter var(--dur-slow) var(--ease);position:absolute;inset:0}.projects-grid__media svg{transition:transform var(--dur-slow) var(--ease), filter var(--dur-slow) var(--ease)}.projects-grid__tile:not(.projects-grid__tile--soon):hover .projects-grid__media svg,.projects-grid__tile:not(.projects-grid__tile--soon):hover .projects-grid__video,.projects-grid__tile:not(.projects-grid__tile--soon):hover .projects-grid__image{filter:blur(6px);transform:scale(1.05)}.projects-grid__glass{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border:1px solid var(--line-strong);background:linear-gradient(135deg,#f5f2ea14,#f5f2ea05);position:absolute;inset:0}.projects-grid__overlay{background:linear-gradient(#0b0a0980 0%,#0b0a0900 30% 60%,#0b0a098c 100%);flex-direction:column;justify-content:space-between;padding:24px;display:flex;position:absolute;inset:0}.projects-grid__tile--soon .projects-grid__overlay{background:0 0;justify-content:flex-end}.projects-grid__top{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.projects-grid__name{color:#f5f2ea;text-shadow:0 2px 12px #00000040;font-size:clamp(22px,3vw,34px)}.projects-grid__arrow{color:#0b0a09;width:48px;height:48px;transition:transform var(--dur-fast) var(--ease);background:#f5f2ea;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;font-size:18px;display:flex}.projects-grid__tile:hover .projects-grid__arrow{transform:rotate(45deg)}.projects-grid__tags{flex-wrap:wrap;gap:8px;display:flex}.projects-grid__tag{color:#f5f2ea;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#f5f2ea1a;border:1px solid #f5f2ea4d;border-radius:999px;padding:8px 16px;font-size:13px;font-weight:500}@media (prefers-reduced-motion:reduce){.projects-grid__arrow,.projects-grid__media svg,.projects-grid__video{transition:none}}@media (width<=780px){.projects-grid__row--two{grid-template-columns:1fr}}.works-list{border-top:1px solid var(--line);position:relative}.works-row{border-bottom:1px solid var(--line);cursor:pointer;align-items:center;gap:24px;padding-block:clamp(20px,3.4vw,32px);display:flex}.works-row--soon{cursor:default;opacity:.5}.works-row__index{width:40px;font-family:var(--font-display);color:var(--muted);flex-shrink:0;font-size:14px}.works-row__thumb{border-radius:8px;flex-shrink:0;width:72px;height:52px;overflow:hidden}.works-row__thumb-media{object-fit:cover;width:100%;height:100%;display:block}.works-row__title{min-width:0;font-family:var(--font-display);letter-spacing:-.01em;transition:opacity var(--dur-fast) var(--ease);flex:1;font-size:clamp(24px,4vw,44px)}.works-row__category{text-align:right;min-width:170px;color:var(--muted);flex-shrink:0;font-size:14px}.works-row__arrow{transition:transform var(--dur-fast) var(--ease);flex-shrink:0;font-size:20px}.works-row__badge{border:1px solid var(--line-strong);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-radius:999px;flex-shrink:0;padding:6px 14px;font-size:12px}@media (hover:hover){.works-row:not(.works-row--soon):hover .works-row__title{opacity:.55}.works-row:not(.works-row--soon):hover .works-row__arrow{transform:translate(4px,-4px)}}.works-preview{pointer-events:none;z-index:20;border-radius:14px;width:260px;height:180px;position:absolute;top:0;left:0;overflow:hidden;box-shadow:0 24px 60px #00000073}.works-preview__media{object-fit:cover;width:100%;height:100%;display:block}@media (width<=700px){.works-row{gap:16px}.works-row__category{display:none}.works-row__index{width:28px}}.projects-switch{border:1px solid var(--line-strong);background:#f5f2ea0f;border-radius:999px;gap:2px;padding:4px;display:inline-flex}.projects-switch__btn{color:var(--muted);transition:color var(--dur-fast) var(--ease);background:0 0;border:none;border-radius:999px;padding:8px 18px;font-size:13px;font-weight:500;position:relative}.projects-switch__btn[aria-pressed=true]{color:var(--bg)}.projects-switch__pill{background:var(--ink);z-index:-1;border-radius:999px;position:absolute;inset:0}.projects-switch__label{position:relative}.hero{align-items:center;min-height:100svh;padding-top:76px;display:flex;position:relative;overflow:hidden}.hero__content{z-index:1;pointer-events:none;padding-block:80px;position:relative}.hero .eyebrow{color:#fff}.hero__title{max-width:18ch;margin-top:28px;font-size:clamp(40px,8vw,96px)}.hero__lead{color:#fff;max-width:26ch;margin-top:32px;font-size:clamp(16px,1.6vw,19px)}@media (width>=960px){.hero__content{align-items:center;gap:clamp(40px,6vw,96px);display:flex}.hero__intro{flex-shrink:0}.hero__lead{margin-top:0;position:absolute;top:210px;right:350px}}.intro{border-top:1px solid var(--line);align-items:center;height:100vh;display:flex}@media (width<=780px){.hero{min-height:auto;padding-bottom:60px}.intro{height:auto;padding-block:clamp(60px,12vw,100px)}}.intro__inner{flex-direction:column;display:flex}.intro__text{font-family:var(--font-display);letter-spacing:-.01em;text-align:center;font-size:clamp(26px,4.6vw,56px);line-height:1.25}.intro__text+.intro__text{margin-top:clamp(24px,4vw,48px)}.intro__highlight{background:linear-gradient(90deg, var(--accent-1), var(--accent-2));color:#0000;white-space:nowrap;-webkit-background-clip:text;background-clip:text}.word-accent{vertical-align:middle;margin:0 .1em;display:inline-flex;transform:translateY(-.05em)}.word-accent__svg{width:.95em;height:.95em;display:block}.word-accent__svg--switch{width:1.75em;height:.95em}.word-accent__spin{animation:6s linear infinite word-accent-spin}@keyframes word-accent-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.word-accent__spin{animation:none}}.section-title{margin-bottom:clamp(32px,6vw,56px);font-size:clamp(28px,4vw,44px)}.projects__header{justify-content:space-between;align-items:flex-start;gap:20px;margin-bottom:clamp(32px,6vw,56px);display:flex}.projects__title{margin-bottom:0}.projects__header .projects-switch{margin-top:6px}@media (width<=560px){.projects__header{flex-direction:column;gap:24px}}.services{border-top:1px solid var(--line);padding-block:clamp(60px,10vw,120px)}.services__list{background:var(--line);border-top:1px solid var(--line);border-bottom:1px solid var(--line);grid-template-columns:repeat(3,1fr);gap:1px;display:grid}.service{background:var(--bg);flex-direction:column;gap:18px;padding:32px 28px 40px;display:flex}.service__n{font-family:var(--font-display);color:var(--muted);font-size:14px}.service h3{max-width:22ch;font-size:clamp(19px,2vw,22px)}.service p{color:var(--ink-soft);font-size:15px;line-height:1.6}@media (width<=900px){.services__list{grid-template-columns:1fr}}.projects{border-top:1px solid var(--line);padding-block:clamp(60px,10vw,120px)}.approach{border-top:1px solid var(--line);background:var(--bg-raised);padding-block:clamp(100px,16vw,200px);position:relative;overflow:hidden}.approach__scrim{background:linear-gradient(180deg, var(--bg-raised) 0%, #1412108c 45%, var(--bg-raised) 100%);pointer-events:none;position:absolute;inset:0}.approach__inner{z-index:1;flex-direction:column;gap:28px;display:flex;position:relative}.approach__title{max-width:22ch;font-size:clamp(28px,5vw,56px)}.approach__text{max-width:52ch;color:var(--ink-soft);font-size:clamp(15px,1.4vw,18px);line-height:1.7}.project-detail__hero{padding-top:clamp(140px,20vw,200px);padding-bottom:40px;position:relative}.project-detail__sample{background:var(--bg-raised);border:1px solid var(--line-strong);letter-spacing:.04em;text-transform:uppercase;color:var(--muted);border-radius:999px;margin-bottom:18px;padding:6px 14px;font-size:12px;display:inline-block}.project-detail__title{max-width:18ch;margin-top:20px;font-size:clamp(36px,7vw,80px)}.project-detail__cover{aspect-ratio:16/9;border-radius:18px;overflow:hidden}.project-detail__cover--image{aspect-ratio:auto;background:var(--bg-raised);border-radius:0;width:100%}.project-detail__cover--image img,.project-detail__cover--image video{width:100%;height:auto;display:block}.project-detail__body{grid-template-columns:1fr 2fr;gap:clamp(32px,6vw,80px);padding-block:clamp(56px,10vw,100px);display:grid}.project-detail__meta{flex-direction:column;gap:24px;display:flex}.project-detail__meta>div{flex-direction:column;gap:6px;display:flex}.project-detail__meta-label{text-transform:uppercase;letter-spacing:.06em;color:var(--muted);font-size:12px}.project-detail__external-link{border-bottom:1px solid var(--line-strong);width:fit-content;transition:opacity var(--dur-fast) var(--ease), border-color var(--dur-fast) var(--ease);align-items:center;gap:6px;padding-bottom:2px;display:inline-flex}.project-detail__external-link:hover{opacity:.6;border-color:var(--ink)}.project-detail__text{color:var(--ink-soft);flex-direction:column;gap:22px;max-width:62ch;font-size:clamp(16px,1.6vw,19px);line-height:1.7;display:flex}@media (width<=780px){.project-detail__body{grid-template-columns:1fr}}.project-detail__gallery{flex-direction:column;gap:clamp(16px,3vw,28px);padding-bottom:clamp(56px,10vw,100px);display:flex}.project-detail__gallery-row{gap:clamp(16px,3vw,28px);display:grid}.project-detail__gallery-row--1{grid-template-columns:1fr}.project-detail__gallery-row--2{grid-template-columns:1fr 1fr}.project-detail__gallery-row--3{grid-template-columns:repeat(3,1fr)}.project-detail__gallery-item{background:var(--bg-raised);border-radius:14px;overflow:hidden}.project-detail__gallery-item img,.project-detail__gallery-item video{object-fit:cover;width:100%;height:100%;display:block}.project-detail__gallery-item--boxed{aspect-ratio:4/3}@media (width<=700px){.project-detail__gallery-row--2,.project-detail__gallery-row--3{grid-template-columns:1fr}}.project-detail__walkthrough{padding-bottom:clamp(56px,10vw,100px)}.project-detail__walkthrough-video{background:var(--bg-raised);border-radius:16px;margin-top:20px;overflow:hidden}.project-detail__walkthrough-video video{width:100%;height:auto;display:block}.project-detail__next{border-top:1px solid var(--line);padding-block:clamp(48px,8vw,80px)}.project-detail__next-link h3{transition:opacity var(--dur-fast) var(--ease);margin-top:14px;font-size:clamp(28px,5vw,48px)}.project-detail__next-link:hover h3{opacity:.6}