*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body{overflow-x:hidden;overflow-y:scroll}body{cursor:auto}[data-reveal]{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}[data-reveal].revealed{opacity:1;transform:translateY(0)}.title-reveal[data-reveal]{opacity:0;transform:translateY(8px);transition:opacity .4s ease-out,transform .4s ease-out}.title-reveal[data-reveal].revealed{opacity:1;transform:translateY(0)}[data-reveal]{transition-delay:0s}[data-reveal].revealed{transition-delay:inherit}.reveal-on-scroll{opacity:0;transform:translateY(20px);transition:opacity .6s ease-out,transform .6s ease-out}.reveal-on-scroll.revealed{opacity:1;transform:translateY(0)}:root{--color-bg: #0b0b0b;--color-fg: #ededed;--color-muted: #9b9b9b;--color-card: #141414;--color-border: #222;--color-accent: #ffd166;--font-family: "Inter Tight", sans-serif;--font-family-mono: "Inter Tight", sans-serif;--font-size-xs: 11px;--font-size-sm: 14px;--font-size-base: 16px;--font-size-lg: 18px;--font-size-xl: 20px;--font-size-2xl: 24px;--font-size-3xl: 30px;--font-size-4xl: 36px;--font-size-5xl: 48px;--font-size-6xl: 60px;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-14: 56px;--space-16: 64px;--space-20: 80px;--space-24: 96px;--space-32: 128px;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 14px;--radius-2xl: 18px;--shadow-card: 0 1px 0 rgba(255,255,255,.06) inset, 0 0 0 1px rgba(255,255,255,.04) inset;--shadow-hover: 0 8px 24px rgba(0,0,0,.35)}body{background-color:var(--color-bg);color:var(--color-fg);font-family:var(--font-family);font-size:var(--font-size-base);line-height:1.6;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.h0{font-size:var(--font-size-4xl);font-weight:600;line-height:1.1;letter-spacing:-.02em}.h1{font-size:var(--font-size-2xl);font-weight:500;line-height:1.2;letter-spacing:-.01em}.h2{font-size:var(--font-size-xl);font-weight:500;line-height:1.3}.subtle{font-size:var(--font-size-sm);color:var(--color-muted);line-height:1.4}.container{max-width:1152px;margin:0 auto;padding:0 var(--space-4)}.light-theme .container,.home-container{max-width:1440px}.container-sm{max-width:896px;margin:0 auto;padding:0 var(--space-4)}.container-lg{max-width:1280px;margin:0 auto;padding:0 var(--space-4)}.flex{display:flex}.flex-col{flex-direction:column}.flex-1{flex:1 1 0%}.items-center{align-items:center}.items-start{align-items:flex-start}.justify-between{justify-content:space-between}.justify-center{justify-content:center}.gap-2{gap:var(--space-2)}.gap-3{gap:var(--space-3)}.gap-4{gap:var(--space-4)}.gap-5{gap:var(--space-5)}.gap-6{gap:var(--space-6)}.gap-8{gap:var(--space-8)}.grid{display:grid}.grid-cols-1{grid-template-columns:repeat(1,minmax(0,1fr))}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.p-4{padding:var(--space-4)}.p-5{padding:var(--space-5)}.p-6{padding:var(--space-6)}.p-8{padding:var(--space-8)}.p-10{padding:var(--space-10)}.p-12{padding:var(--space-12)}.p-14{padding:var(--space-14)}.p-16{padding:var(--space-16)}.p-20{padding:var(--space-20)}.p-24{padding:var(--space-24)}.p-32{padding:var(--space-32)}.px-4{padding-left:var(--space-4);padding-right:var(--space-4)}.py-4{padding-top:var(--space-4);padding-bottom:var(--space-4)}.py-6{padding-top:var(--space-6);padding-bottom:var(--space-6)}.py-8{padding-top:var(--space-8);padding-bottom:var(--space-8)}.py-10{padding-top:var(--space-10);padding-bottom:var(--space-10)}.py-12{padding-top:var(--space-12);padding-bottom:var(--space-12)}.py-14{padding-top:var(--space-14);padding-bottom:var(--space-14)}.py-16{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-20{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-24{padding-top:var(--space-24);padding-bottom:var(--space-24)}.py-32{padding-top:var(--space-32);padding-bottom:var(--space-32)}.pb-10{padding-bottom:var(--space-10)}.pb-16{padding-bottom:var(--space-16)}.mt-1{margin-top:var(--space-1)}.mt-2{margin-top:var(--space-2)}.mt-4{margin-top:var(--space-4)}.mt-6{margin-top:var(--space-6)}.mt-8{margin-top:var(--space-8)}.mt-16{margin-top:var(--space-16)}.mb-2{margin-bottom:var(--space-2)}.mb-4{margin-bottom:var(--space-4)}.mb-6{margin-bottom:var(--space-6)}.mb-8{margin-bottom:var(--space-8)}.mb-16{margin-bottom:var(--space-16)}.mb-20{margin-bottom:var(--space-20)}.min-h-screen{min-height:100vh}.h-14{height:56px}.w-full{width:100%}.h-full{height:100%}.border{border:1px solid var(--color-border)}.border-t{border-top:1px solid var(--color-border)}.border-b{border-bottom:1px solid var(--color-border)}.border-l-4{border-left:4px solid var(--color-border)}.rounded{border-radius:var(--radius-md)}.rounded-lg{border-radius:var(--radius-lg)}.rounded-xl{border-radius:var(--radius-xl)}.rounded-2xl{border-radius:var(--radius-2xl)}.rounded-full{border-radius:9999px}.text-center{text-align:center}.text-sm{font-size:var(--font-size-sm)}.text-base{font-size:var(--font-size-base)}.text-lg{font-size:var(--font-size-lg)}.text-xl{font-size:var(--font-size-xl)}.text-2xl{font-size:var(--font-size-2xl)}.text-3xl{font-size:var(--font-size-3xl)}.text-4xl{font-size:var(--font-size-4xl)}.text-5xl{font-size:var(--font-size-5xl)}.font-medium{font-weight:500}.font-semibold{font-weight:600}.font-bold{font-weight:700}.leading-tight{line-height:1.25}.leading-relaxed{line-height:1.6}.tracking-tight{letter-spacing:-.025em}.sticky{position:sticky}.top-0{top:0}.top-20{top:80px}.z-50{z-index:50}.relative{position:relative}.absolute{position:absolute}.inset-0{inset:0}.bg-card{background-color:var(--color-card)}.bg-gray-50{background-color:#f9fafb}.bg-gray-100{background-color:#f3f4f6}.bg-gray-200{background-color:#e5e7eb}.bg-white{background-color:#fff}.bg-black{background-color:#000}.text-fg{color:var(--color-fg)}.text-muted{color:var(--color-muted)}.text-gray-500{color:#6b7280}.text-gray-600{color:#4b5563}.text-gray-700{color:#374151}.text-gray-900{color:#111827}.text-white{color:#fff}.shadow-sm{box-shadow:0 1px 2px #0000000d}.shadow-md{box-shadow:0 4px 6px -1px #0000001a,0 2px 4px -1px #0000000f}.shadow-lg{box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -2px #0000000d}.shadow-xl{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.backdrop-blur{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.backdrop-blur-md{backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.backdrop-blur-lg{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px)}.backdrop-blur-xl{backdrop-filter:blur(24px);-webkit-backdrop-filter:blur(24px)}.backdrop-blur-2xl{backdrop-filter:blur(40px);-webkit-backdrop-filter:blur(40px)}.overflow-hidden{overflow:hidden}.whitespace-nowrap{white-space:nowrap}.opacity-90{opacity:.9}.link{position:relative;text-decoration:none;color:inherit}.link:after{content:"";position:absolute;left:0;bottom:-2px;height:1px;width:100%;background:currentColor;transform:scaleX(0);transform-origin:0 50%;transition:transform .25s ease}.link:hover:after{transform:scaleX(1)}.card{background-color:var(--color-card);border-radius:var(--radius-lg);box-shadow:var(--shadow-card);border:1px solid var(--color-border);text-decoration:none;color:inherit;display:block;break-inside:avoid;page-break-inside:avoid}.light-theme .card{background-color:#f9fafb;border:1px solid #eaecef;box-shadow:none;color:#0b0b0b;position:relative!important;overflow:hidden!important;border-radius:var(--radius-lg)!important;transition:background-color .3s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94)!important;will-change:transform}.light-theme .card:hover{background-color:#f3f4f6!important}.light-theme .card .subtle{color:#6b7280}.light-theme .card h3{color:#0b0b0b}.light-theme .card p{color:#4b5563;margin-bottom:0!important}.light-theme .card .media{position:relative!important;display:block!important;line-height:0!important}.light-theme .card .media>img,.light-theme .card .media>video{display:block!important;margin:0!important;padding:0!important;vertical-align:top!important}@media (max-width: 768px){.project-header{flex-direction:column!important;align-items:flex-start!important;gap:4px!important;padding-top:120px!important}.project-header>div:first-child{width:100%!important;display:block!important}.project-header>div:first-child>span:first-child{display:block!important;margin-bottom:4px!important}.project-header>div:first-child>span:nth-child(2){display:none!important}.project-header>div:first-child>span:nth-child(3){display:block!important;width:100%!important}.project-header>div:last-child{width:100%!important;text-align:left!important}}.light-theme .card .badge-overlay{position:absolute!important;bottom:12px!important;left:12px!important;opacity:0!important;transform:translateY(12px)!important;transition:opacity .4s cubic-bezier(.25,.46,.45,.94),transform .4s cubic-bezier(.25,.46,.45,.94)!important;padding:8px 12px!important;background-color:#ffffffbf!important;backdrop-filter:blur(10px)!important;-webkit-backdrop-filter:blur(10px)!important;border-radius:8px!important;z-index:20!important;box-shadow:0 2px 8px #0000001a!important;pointer-events:none!important;display:inline-flex!important;flex-wrap:wrap!important;align-items:center!important;gap:8px!important;width:auto!important;max-width:calc(100% - 24px)!important}@media (max-width: 768px){.light-theme .card .badge-overlay{display:none!important}}.light-theme .card:hover .badge-overlay{opacity:1!important;transform:translateY(0)!important;transition-delay:0s!important}.light-theme .card .badge-overlay .subtle{position:static!important;padding:0!important;background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important;box-shadow:none!important;font-size:13px!important;font-weight:400!important;color:#6b7280!important;margin:0!important}.light-theme .card .badge-overlay h3{position:static!important;padding:0!important;background-color:transparent!important;-webkit-backdrop-filter:none!important;backdrop-filter:none!important;border-radius:0!important;box-shadow:none!important;font-size:13px!important;font-weight:400!important;color:#0b0b0b!important;margin:0!important}.light-theme .card.lift:hover{box-shadow:none!important}.light-theme .card.shine:not(.lift):hover{transform:none!important}.essay-card{transition:transform .25s ease!important}.essay-card:hover{transform:translateY(-4px)!important}.light-theme .essay-card:hover,.essay-card.lift:hover{transform:translateY(-4px)!important;box-shadow:none!important}.essay-card .badge-overlay{opacity:1!important;transform:translateY(0)!important}.essay-card{flex:1}.light-theme h1,.light-theme h2,.light-theme h3,.light-theme .h0,.light-theme .h1,.light-theme .h2{color:#0b0b0b!important}.essay-newsreader{font-family:Newsreader,serif!important}.essay-newsreader h2,.essay-newsreader h3{font-style:italic!important;font-weight:400!important}.light-theme p{color:#4b5563!important}.light-theme .subtle{color:#6b7280!important}body:has(.light-theme){background-color:#fff!important}.light-theme .gmv-first-image{border:1px solid #eaecef!important;border-radius:var(--radius-lg)!important;box-sizing:border-box!important}.card-grid{display:grid;gap:var(--space-3);grid-template-columns:repeat(1,1fr)}@media (min-width: 640px){.card-grid{gap:var(--space-4);grid-template-columns:repeat(2,1fr)}.h0{font-size:var(--font-size-5xl)}.h1{font-size:var(--font-size-3xl)}.py-10{padding-top:var(--space-14);padding-bottom:var(--space-14)}.py-12{padding-top:var(--space-16);padding-bottom:var(--space-16)}.py-14{padding-top:var(--space-20);padding-bottom:var(--space-20)}.py-16{padding-top:var(--space-24);padding-bottom:var(--space-24)}.py-20,.py-24,.py-32{padding-top:var(--space-32);padding-bottom:var(--space-32)}.p-4{padding:var(--space-5)}.p-5{padding:var(--space-6)}.gap-3{gap:var(--space-4)}.gap-4{gap:var(--space-5)}.gap-5{gap:var(--space-6)}.grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 768px){.md\:sticky{position:sticky}.md\:top-20{top:80px}.md\:grid-cols-2{grid-template-columns:repeat(2,minmax(0,1fr))}.md\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}.md\:py-10{padding-top:var(--space-14);padding-bottom:var(--space-14)}.md\:py-14{padding-top:var(--space-20);padding-bottom:var(--space-20)}.md\:py-16{padding-top:var(--space-24);padding-bottom:var(--space-24)}.md\:py-20,.md\:py-24,.md\:py-32{padding-top:var(--space-32);padding-bottom:var(--space-32)}}@media (min-width: 1024px){.card-grid{gap:var(--space-5);grid-template-columns:repeat(3,1fr)}.lg\:grid-cols-3{grid-template-columns:repeat(3,minmax(0,1fr))}}.media{position:relative;width:100%;overflow:hidden}.media>img,.media>video{position:relative;width:100%;height:auto;object-fit:contain;object-position:center 20%;transform-origin:center;background-color:#f3f4f6}@media (min-width: 769px){.media>img,.media>video{transform:scale(1.05)!important;transition:transform .4s cubic-bezier(.25,.46,.45,.94)!important}.light-theme .card:hover .media>img,.light-theme .card:hover .media>video{transform:scale(1.05)!important}}.media>img.gmv-thumbnail{transform:scale(1)!important;object-position:center center!important;transition:transform .4s cubic-bezier(.25,.46,.45,.94)!important}.light-theme .card:hover .media>img.gmv-thumbnail{transform:scale(1)!important}.media>video[src*=Topbar],.media>video[src*="UI States"]{transform:scale(1.3)!important;object-fit:contain!important;object-position:center center!important;display:block!important;margin:0 auto!important;transition:transform .4s cubic-bezier(.25,.46,.45,.94)!important}.light-theme .card:has(.media>video[src*=toolbar]){height:280px!important}.light-theme .card:has(.media>video[src*=toolbar]) .media{height:280px!important;overflow:hidden!important}.light-theme .card:has(.media>video[src*=toolbar]) .media>video{height:100%!important;width:100%!important;object-fit:cover!important;object-position:bottom center!important}.light-theme .card:hover .media>video[src*=Topbar],.light-theme .card:hover .media>video[src*="UI States"]{transform:scale(1.22)!important}.masonry-grid{display:flex;margin-left:calc(-1 * var(--space-3));width:auto}.masonry-grid-column{padding-left:var(--space-3);background-clip:padding-box}.masonry-grid-column>*{margin-bottom:var(--space-3)}.masonry-grid-column>*:last-child{margin-bottom:0}@media (min-width: 640px){.masonry-grid{margin-left:calc(-1 * var(--space-3))}.masonry-grid-column{padding-left:var(--space-3)}.masonry-grid-column>*{margin-bottom:var(--space-3)}}@media (min-width: 1024px){.masonry-grid{margin-left:calc(-1 * var(--space-3))}.masonry-grid-column{padding-left:var(--space-3)}.masonry-grid-column>*{margin-bottom:var(--space-3)}}.lift{transition:transform .4s cubic-bezier(.25,.46,.45,.94),box-shadow .4s cubic-bezier(.25,.46,.45,.94);will-change:transform}.lift:hover{transform:translateY(4px) scale(.98);box-shadow:0 8px 16px #0000001a,0 4px 8px #0000000f}.shine{position:relative;overflow:hidden}.shine:before{content:"";position:absolute;top:-200%;left:-200%;width:400%;height:400%;background:radial-gradient(60% 60% at 30% 30%,rgba(255,255,255,.08),transparent 40%);transform:translateZ(0);transition:transform .8s cubic-bezier(.25,.46,.45,.94);opacity:0}.shine:hover:before{transform:translate3d(10%,10%,0);opacity:1}.project-image{margin-bottom:var(--space-6);border-radius:var(--radius-lg);overflow:hidden}.project-image:last-child{margin-bottom:0}.light-theme .project-image:first-of-type{margin-bottom:0!important}.project-image img{border-radius:var(--radius-lg)}.prose{max-width:65ch}.prose p{margin:.75rem 0}.prose-invert p,.prose-invert li{color:#edededeb}.space-y-4>*+*{margin-top:var(--space-4)}.space-y-6>*+*{margin-top:var(--space-6)}.space-y-8>*+*{margin-top:var(--space-8)}.space-y-12>*+*{margin-top:var(--space-12)}.supports-\[backdrop-filter\]\:bg-black\/40{background:#0006}.text-\[11px\]{font-size:11px}.text-\[15px\]{font-size:15px}.text-\[rgb\(var\(--muted\)\)\]{color:#9b9b9b}.text-\[rgb\(var\(--fg\)\)\]{color:#ededed}.leading-7{line-height:1.75}.responsive-project-image{transition:all .3s ease}@media (max-width: 768px){.responsive-project-image{height:auto!important;min-height:200px;max-height:250px;object-fit:contain!important;object-position:center center}.responsive-project-image.gmv-thumbnail{min-height:unset!important;max-height:unset!important;height:auto!important}.light-theme .card .media:has(.gmv-thumbnail){background-color:transparent!important;line-height:0!important;display:block!important;height:auto!important}.light-theme .card .media:has(.gmv-thumbnail) img{display:block!important;width:100%!important;height:auto!important;vertical-align:bottom!important}.light-theme .card:has(.media>video[src*=toolbar]){height:auto!important}.light-theme .card:has(.media>video[src*=toolbar]) .media{height:auto!important;overflow:hidden!important}.light-theme .card:has(.media>video[src*=toolbar]) .media>video{height:auto!important;width:100%!important;object-fit:cover!important;object-position:bottom center!important}}@media (max-width: 480px){.responsive-project-image{height:auto!important;min-height:180px;max-height:220px;object-fit:contain!important;object-position:center center}.responsive-project-image.gmv-thumbnail{min-height:unset!important;max-height:unset!important;height:auto!important}.light-theme .card .media:has(.gmv-thumbnail){background-color:transparent!important;line-height:0!important;display:block!important;height:auto!important}.light-theme .card .media:has(.gmv-thumbnail) img{display:block!important;width:100%!important;height:auto!important;vertical-align:bottom!important}}.projects-section{width:100%;padding:var(--space-24) 0;background-color:#f9fafb}.projects-container{max-width:1280px;margin:0 auto;padding:0 var(--space-6)}.projects-header{text-align:center;margin-bottom:var(--space-20)}.projects-title{font-size:var(--font-size-3xl);font-weight:500;line-height:1.2;letter-spacing:-.01em;color:var(--color-fg);margin-bottom:var(--space-6)}.projects-description{font-size:var(--font-size-lg);color:var(--color-muted);max-width:672px;margin:0 auto;line-height:1.6}.projects-grid{display:grid;gap:var(--space-8);grid-template-columns:repeat(1,1fr)}@media (min-width: 768px){.projects-grid{grid-template-columns:repeat(2,1fr)}}@media (min-width: 1024px){.projects-grid{grid-template-columns:repeat(3,1fr)}}.project-card{background-color:#fff;border-radius:var(--radius-2xl);overflow:hidden;box-shadow:0 1px 3px #0000001a,0 1px 2px #0000000f;transition:all .3s ease;cursor:pointer}.project-card.non-clickable{cursor:default}.project-card:hover{box-shadow:0 20px 25px -5px #0000001a,0 10px 10px -5px #0000000a}.project-media{position:relative;overflow:hidden;aspect-ratio:4/3;background-color:#f3f4f6}@media (min-width: 768px) and (max-width: 1023px){.project-media{aspect-ratio:16/10;min-height:200px;max-height:300px}}.project-media img,.project-media video{width:100%;height:100%;object-fit:cover;object-position:center;transition:transform .3s ease;transform:scale(1.1);transform-origin:center}.project-media img[alt="GMV Brand Identity"],.media .gmv-thumbnail{object-fit:contain!important;transform:scale(1)!important;background-color:#f3f4f6!important;height:auto!important}@media (min-width: 768px) and (max-width: 1023px){.project-media img{object-fit:contain;object-position:center;background-color:#f3f4f6}}.project-card:hover .project-media img,.project-card:hover .project-media video{transform:scale(1.15)}.project-overlay{position:absolute;inset:0;background-color:#0000;transition:background-color .3s ease}.project-card:hover .project-overlay{background-color:#0000001a}.project-content{padding:var(--space-8)}.project-title{font-size:var(--font-size-xl);font-weight:500;line-height:1.3;color:var(--color-fg);margin-bottom:var(--space-3);transition:color .3s ease}.project-card:hover .project-title{color:var(--color-muted)}.project-tags{display:flex;flex-wrap:wrap;gap:var(--space-2)}.project-tag{font-size:var(--font-size-xs);padding:var(--space-1) var(--space-3);background-color:#f3f4f6;color:#6b7280;border-radius:9999px;font-weight:500}