@import url('https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap');*,*::before,*::after {box-sizing: border-box;}html {margin: 0;padding: 0;width: 100%;height: 100%;scroll-behavior: smooth;background: #030305;}body {margin: 0;padding: 0;width: 100%;min-height: 100%;background: #030305;color: #f2f2f2;font-family: "Inter", sans-serif;font-weight: 300;overflow-x: hidden;}a {color: inherit;text-decoration: none;}button,a {-webkit-tap-highlight-color: transparent;}#webgl-canvas {position: fixed;inset: 0;width: 100%;height: 100%;display: block;z-index: 0;pointer-events: none;}#app {position: relative;width: 100%;min-height: 100vh;z-index: 10;}.site-header {position: fixed;top: 0;left: 0;width: 100%;padding: 32px 42px;display: flex;align-items: center;justify-content: space-between;z-index: 100;mix-blend-mode: normal;pointer-events: none;}.site-header::before {content: "";position: absolute;top: 0;left: 0;width: 100%;height: 140px;background:linear-gradient(to bottom,rgba(3, 3, 5, 0.75),rgba(3, 3, 5, 0));pointer-events: none;z-index: -1;}.site-logo {position: relative;font-family: "Space Grotesk", sans-serif;font-size: 18px;font-weight: 600;letter-spacing: 0.22em;pointer-events: auto;transition:opacity 0.3s ease,transform 0.3s ease;}.site-logo:hover {opacity: 0.65;transform: translateX(4px);}.site-navigation {display: flex;align-items: center;gap: 36px;pointer-events: auto;}.site-navigation a {position: relative;font-size: 11px;font-weight: 400;letter-spacing: 0.18em;text-transform: uppercase;color: rgba(255, 255, 0, 0.65);transition:color 0.3s ease;}.site-navigation a::after {content: "";position: absolute;left: 0;bottom: -7px;width: 0;height: 1px;background: #ffffff;transition:width 0.35s cubic-bezier(0.16, 1, 0.3, 1);}.site-navigation a:hover {color: #ffffff;}.site-navigation a:hover::after {width: 100%;}.text-link {color: #ffffff;text-decoration: underline;text-decoration-color: rgba(255, 255, 255, 0.35);text-underline-offset: 4px;transition:color 0.3s ease,text-decoration-color 0.3s ease;}.text-link:hover {color: #ffffff;text-decoration-color: rgba(255, 255, 255, 0.9);}.section {position: relative;width: 100%;min-height: 100vh;display: flex;align-items: center;padding:140px;clamp(32px, 8vw, 140px);isolation: isolate;}.section-content {position: relative;width: min(900px, 100%);margin: 0 auto;}.section-home {min-height: 100vh;align-items: center;padding-top: 100px;}.home-content {width: 100%;text-align: center;transform: translateY(-3vh);}.eyebrow {margin: 0 0 30px;font-size: 14px;font-weight: 400;letter-spacing: 0.45em;text-transform: uppercase;color: rgba(255, 255, 255, 0.45);}.home-content h1 {margin: 0;font-family: "Space Grotesk", sans-serif;font-size: clamp(58px, 8vw, 120px);font-weight: 500;line-height: 0.78;letter-spacing: -0.075em;color: #ffffff;user-select: none;}.home-content h1 span {color: rgba(255, 255, 255, 0.33);}.home-location {margin: 46px 0 0;font-size: 11px;letter-spacing: 0.35em;text-transform: uppercase;color: rgba(255, 255, 255, 0.45);}.home-scroll-indicator {position: absolute;left: 50%;bottom: -30vh;transform: translateX(-50%);display: flex;flex-direction: column;align-items: center;gap: 12px;color: rgba(255, 255, 255, 0.35);font-size: 9px;letter-spacing: 0.3em;text-transform: uppercase;}.home-scroll-indicator span:first-child {width: 1px;height: 55px;background:linear-gradient(to bottom,rgba(255,255,255,0),rgba(255,255,255,0.7));animation: scrollPulse 2.2s ease-in-out infinite;}@keyframes scrollPulse {0%,100% {opacity: 0.25;transform: scaleY(0.6);transform-origin: top;}50% {opacity: 1;transform: scaleY(1);transform-origin: top;}}.section-index {margin: 0 0 24px;font-size: 10px;letter-spacing: 0.3em;color: rgba(255, 255, 255, 0.3);}.section-content h2 {margin: 0 0 70px;font-family: "Space Grotesk", sans-serif;font-size: clamp(52px, 8vw, 120px);font-weight: 500;line-height: 0.9;letter-spacing: -0.06em;color: #ffffff;}.text-content {width: min(620px, 100%);margin-left: auto;text-align: justify;}.text-content p {margin: 0 0 28px;font-size: clamp(17px, 1.5vw, 21px);line-height: 1.75;letter-spacing: -0.01em;color: rgba(255, 255, 255, 0.65);}.text-content p:last-child {margin-bottom: 0;}.text-content ul {margin: 0 0 28px;padding: 0;list-style: none;}.text-content li {position: relative;margin: 0 100px 14px;padding-left: 22px;font-size: clamp(17px, 1.5vw, 21px);line-height: 1.55;letter-spacing: 0.01em;color: rgba(255, 255, 255, 0.65);}.text-content li::before {content: "";position: absolute;left: 0;top: 0.75em;width: 5px;height: 5px;border-radius: 50%;background: rgba(255, 255, 255, 0.65);}.text-content li:last-child {margin-bottom: 0;}.work-title {font-family: "Space Grotesk", sans-serif;font-size: clamp(28px, 4vw, 48px) !important;line-height: 1.1 !important;color: #ffffff !important;letter-spacing: -0.04em !important;}.section-contact {min-height: 80vh;}.contact-email {margin-top: 50px !important;}.contact-email a {position: relative;display: inline-block;font-family: "Space Grotesk", sans-serif;font-size: clamp(26px, 4vw, 52px);line-height: 1.1;letter-spacing: -0.04em;color: #ffffff;transition: opacity 0.3s ease;}.contact-email a::after {content: "";position: absolute;left: 0;bottom: -10px;width: 100%;height: 1px;background: rgba(255, 255, 255, 0.35);transform-origin: left;transition:transform 0.4s cubic-bezier(0.16, 1, 0.3, 1);}.contact-email a:hover {opacity: 0.7;}.contact-email a:hover::after {transform: scaleX(0.3);}.contact-location {margin-top: 70px !important;font-size: 10px !important;letter-spacing: 0.35em !important;text-transform: uppercase;color: rgba(255, 255, 255, 0.35) !important;}.loading {position: fixed;inset: 0;z-index: 1000;display: flex;align-items: center;justify-content: center;background: #030305;opacity: 1;pointer-events: none;transition:opacity 1s cubic-bezier(0.16, 1, 0.3, 1);}.loading.hidden {opacity: 0;}.loading-inner {display: flex;flex-direction: column;align-items: center;gap: 18px;}.loading-label {font-size: 9px;letter-spacing: 0.4em;color: rgba(255, 255, 255, 0.5);}.loading-progress {position: relative;width: 100px;height: 1px;overflow: hidden;background: rgba(255, 255, 255, 0.12);}.loading-progress::after {content: "";position: absolute;top: 0;left: 0;width: 45%;height: 100%;background: #ffffff;animation:loadingProgress 1.3scubic-bezier(0.16, 1, 0.3, 1)infinite;}@keyframes loadingProgress {0% {transform: translateX(-120%);}100% {transform: translateX(320%);}}.cursor {position: fixed;top: 0;left: 0;width: 28px;height: 28px;z-index: 2000;pointer-events: none;border: 1px solid rgba(255, 255, 255, 0.35);border-radius: 50%;transform:translate3d(-50%, -50%, 0)scale(1);opacity: 0;transition:width 0.3s ease,height 0.3s ease,opacity 0.3s ease,border-color 0.3s ease;}.cursor span {position: absolute;top: 50%;left: 50%;width: 3px;height: 3px;transform: translate(-50%, -50%);border-radius: 50%;background: #ffffff;}body.cursor-active .cursor {opacity: 1;}body.cursor-hover .cursor {width: 52px;height: 52px;border-color: rgba(255, 255, 255, 0.75);}::selection {background: rgba(255, 255, 255, 0.9);color: #030305;}::-webkit-scrollbar {width: 4px;}::-webkit-scrollbar-track {background: #030305;}::-webkit-scrollbar-thumb {background: rgba(255, 255, 255, 0.2);}::-webkit-scrollbar-thumb:hover {background: rgba(255, 255, 255, 0.4);}@media (max-width: 700px) {.site-header {padding: 24px 22px;}.site-navigation {gap: 18px;}.site-navigation a {font-size: 9px;letter-spacing: 0.12em;}.section {padding:110px 24px;}.home-content h1 {font-size: clamp(70px, 22vw, 130px);line-height: 0.82;}.home-location {margin-top: 34px;font-size: 9px;letter-spacing: 0.25em;}.section-content h2 {margin-bottom: 45px;}.text-content {margin-left: 0;}.text-content p {font-size: 16px;line-height: 1.65;}.home-scroll-indicator {bottom: -24vh;}.cursor {display: none;}}@media (prefers-reduced-motion: reduce) {html {scroll-behavior: auto;}*,*::before,*::after {animation-duration: 0.01ms !important;animation-iteration-count: 1 !important;transition-duration: 0.01ms !important;}}