.nav{position:fixed;top:0;left:0;right:0;z-index:100;padding:22px 0;transition:var(--transition);-webkit-backdrop-filter:blur(0px);backdrop-filter:blur(0px);background:transparent}.nav--scrolled{background:#0a0a0ab8;-webkit-backdrop-filter:blur(20px) saturate(140%);backdrop-filter:blur(20px) saturate(140%);border-bottom:1px solid var(--border);padding:16px 0}.nav__inner{display:flex;align-items:center;justify-content:space-between;gap:32px}.nav__brand{display:inline-flex;align-items:center;gap:12px;font-weight:500;letter-spacing:.04em}.nav__brand-mark{width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--border-bright);border-radius:8px;font-family:var(--font-mono);font-size:.95rem;color:var(--accent);font-weight:500;transition:var(--transition)}.nav__brand:hover .nav__brand-mark{background:var(--accent);color:var(--bg-primary);border-color:var(--accent)}.nav__brand-text{font-size:.92rem;letter-spacing:.18em;text-transform:uppercase}.nav__links{display:flex;align-items:center;gap:4px;padding:6px;border:1px solid var(--border);border-radius:999px;background:#0a0a0a99;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.nav__link{display:inline-flex;align-items:center;gap:8px;padding:8px 18px;border-radius:999px;font-size:.85rem;color:var(--text-secondary);transition:var(--transition-fast)}.nav__link-num{font-family:var(--font-mono);font-size:.65rem;color:var(--text-muted);letter-spacing:.1em}.nav__link:hover{color:var(--text-primary);background:#ffffff0a}.nav__link.is-active{background:var(--text-primary);color:var(--bg-primary)}.nav__link.is-active .nav__link-num{color:var(--bg-primary);opacity:.6}.nav__cta{display:inline-flex;align-items:center;gap:10px;padding:10px 20px;border:1px solid var(--border-bright);border-radius:999px;font-size:.85rem;font-weight:400;letter-spacing:.02em;transition:var(--transition)}.nav__cta:hover{border-color:var(--accent);color:var(--accent)}.nav__cta-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 10px var(--accent);animation:pulse 2.5s ease-in-out infinite}.nav__menu{display:none;width:40px;height:40px;flex-direction:column;justify-content:center;align-items:center;gap:5px;border:1px solid var(--border-bright);border-radius:8px}.nav__menu span{display:block;width:18px;height:1.5px;background:var(--text-primary);transition:var(--transition-fast)}.nav__menu.is-open span:nth-child(1){transform:translateY(3.5px) rotate(45deg)}.nav__menu.is-open span:nth-child(2){transform:translateY(-3.5px) rotate(-45deg)}.nav__mobile{position:absolute;top:100%;left:16px;right:16px;background:var(--bg-secondary);border:1px solid var(--border);border-radius:12px;padding:16px;display:flex;flex-direction:column;gap:4px;margin-top:8px;animation:revealIn .3s var(--ease)}.nav__mobile-link{display:flex;align-items:center;gap:12px;padding:14px 16px;border-radius:8px;font-size:1rem;color:var(--text-primary)}.nav__mobile-link:hover{background:#ffffff0a}@media (max-width: 1024px){.nav__links,.nav__cta{display:none}.nav__menu{display:flex}}.hero{position:relative;min-height:100vh;display:flex;align-items:center;padding-top:140px;padding-bottom:80px;overflow:hidden}.hero__media{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none}.hero__canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;opacity:.85}.hero__video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.hero__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(ellipse at 20% 30%,rgba(196,255,77,.08),transparent 50%),radial-gradient(ellipse at 80% 70%,rgba(125,140,255,.06),transparent 50%),linear-gradient(180deg,transparent 0%,var(--bg-primary) 95%)}.hero__media-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.03) 1px,transparent 1px);background-size:100px 100px;mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%);-webkit-mask-image:radial-gradient(ellipse at center,black 30%,transparent 80%)}.hero__media-glow{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:800px;height:800px;background:radial-gradient(circle,rgba(196,255,77,.06) 0%,transparent 60%);filter:blur(40px);animation:float 8s ease-in-out infinite}.hero__content{position:relative;z-index:2;width:100%}.hero__meta{display:flex;justify-content:space-between;align-items:center;margin-bottom:60px;flex-wrap:wrap;gap:16px}.hero__availability{display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-secondary);padding:8px 16px;border:1px solid var(--border);border-radius:999px;background:#0a0a0a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.hero__availability-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s ease-in-out infinite}.hero__title{margin-bottom:48px;display:flex;flex-direction:column;gap:8px}.hero__title-line{display:block;font-size:clamp(2.5rem,6.5vw,6.5rem);font-weight:200;line-height:1;letter-spacing:-.04em;animation:revealUp 1.2s var(--ease) backwards}.hero__title-line:nth-child(1){animation-delay:.2s}.hero__title-line:nth-child(2){animation-delay:.4s}.hero__title-line--accent{color:transparent;-webkit-text-stroke:1px var(--text-tertiary);font-style:italic;font-weight:300}.hero__sub{max-width:720px;font-size:clamp(1rem,1.15vw,1.2rem);color:var(--text-secondary);line-height:1.7;margin-bottom:48px;animation:revealUp 1.2s var(--ease) .6s backwards}.hero__actions{display:flex;gap:16px;flex-wrap:wrap;margin-bottom:120px;animation:revealUp 1.2s var(--ease) .8s backwards}.hero__bottom{display:flex;justify-content:space-between;align-items:end;border-top:1px solid var(--border);padding-top:32px;animation:revealIn 1.5s var(--ease) 1.2s backwards}.hero__loc{display:flex;flex-direction:column;gap:4px}.hero__loc-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--text-tertiary)}.hero__loc-value{font-size:.95rem;color:var(--text-primary);font-weight:400}.hero__scroll{display:inline-flex;align-items:center;gap:14px;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--text-tertiary)}.hero__scroll-line{display:inline-block;width:60px;height:1px;background:var(--text-tertiary);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:var(--accent);animation:scrollHint 2.5s ease-in-out infinite}@keyframes scrollHint{0%{left:-100%}60%{left:100%}to{left:100%}}@media (max-width: 768px){.hero{padding-top:120px}.hero__actions{margin-bottom:80px}.hero__bottom{flex-direction:column;align-items:start;gap:24px}}.about{background:var(--bg-primary);border-top:1px solid var(--border)}.about__inner{display:flex;flex-direction:column;gap:80px}.about__head{display:grid;grid-template-columns:1fr 1.5fr;gap:60px;align-items:end}.about__title{font-size:clamp(2rem,4.5vw,4.2rem);font-weight:200;line-height:1.05;letter-spacing:-.03em}.about__title em{font-style:italic;font-weight:300;color:var(--accent);-webkit-text-stroke:0}.about__body{display:grid;grid-template-columns:.8fr 1.2fr;gap:100px;align-items:start}.about__portrait{position:sticky;top:120px;display:flex;flex-direction:column;gap:32px}.about__portrait-frame{position:relative;aspect-ratio:3 / 4;border:1px solid var(--border-bright);background:var(--bg-secondary);border-radius:4px;overflow:hidden;transition:var(--transition)}.about__portrait-frame:hover{border-color:var(--text-tertiary)}.about__portrait-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(circle at 30% 20%,rgba(196,255,77,.08),transparent 50%),radial-gradient(circle at 70% 80%,rgba(125,140,255,.06),transparent 50%),var(--bg-secondary)}.about__portrait-avatar{width:60%;aspect-ratio:1;border:1px dashed var(--border-bright);border-radius:50%;display:flex;align-items:center;justify-content:center;font-family:var(--font-mono);font-size:.85rem;letter-spacing:.2em;color:var(--text-tertiary);background:#0a0a0a66;position:relative;animation:float 6s ease-in-out infinite}.about__portrait-avatar:before{content:"";position:absolute;top:-10px;right:-10px;bottom:-10px;left:-10px;border:1px solid var(--border);border-radius:50%;opacity:.5}.about__portrait-meta{position:absolute;bottom:20px;left:20px;right:20px;display:flex;align-items:center;gap:12px}.about__portrait-line{flex:1;height:1px;background:var(--border-bright)}.about__portrait-id{font-family:var(--font-mono);font-size:.65rem;color:var(--text-tertiary);letter-spacing:.2em;text-transform:uppercase}.about__portrait-corners span{position:absolute;width:14px;height:14px;border-color:var(--accent);border-style:solid;border-width:0}.about__portrait-corners span:nth-child(1){top:-1px;left:-1px;border-top-width:1.5px;border-left-width:1.5px}.about__portrait-corners span:nth-child(2){top:-1px;right:-1px;border-top-width:1.5px;border-right-width:1.5px}.about__portrait-corners span:nth-child(3){bottom:-1px;left:-1px;border-bottom-width:1.5px;border-left-width:1.5px}.about__portrait-corners span:nth-child(4){bottom:-1px;right:-1px;border-bottom-width:1.5px;border-right-width:1.5px}.about__contacts{list-style:none;display:flex;flex-direction:column;gap:0;border-top:1px solid var(--border)}.about__contact{display:flex;justify-content:space-between;align-items:center;padding:14px 0;border-bottom:1px solid var(--border);font-size:.88rem}.about__contact-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary)}.about__contact-value{color:var(--text-primary);font-weight:400}.about__main{display:flex;flex-direction:column;gap:56px}.about__text{display:flex;flex-direction:column;gap:20px}.about__text p{font-size:clamp(1.05rem,1.15vw,1.2rem);line-height:1.8;color:var(--text-secondary);max-width:60ch}.about__text p:first-child:first-letter{font-size:2.6em;float:left;line-height:.9;padding-right:12px;padding-top:6px;color:var(--accent);font-weight:300;font-family:var(--font-serif)}.about__stats{display:grid;grid-template-columns:repeat(4,1fr);gap:0;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.about__stat{padding:32px 20px;border-right:1px solid var(--border);display:flex;flex-direction:column;gap:8px}.about__stat:last-child{border-right:none}.about__stat-value{font-size:clamp(1.8rem,3vw,2.8rem);font-weight:300;letter-spacing:-.02em;color:var(--text-primary);font-feature-settings:"tnum"}.about__stat-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary)}.about__chips{display:flex;flex-wrap:wrap;gap:8px}.about__chip{padding:8px 16px;border:1px solid var(--border-bright);border-radius:999px;font-size:.8rem;color:var(--text-secondary);transition:var(--transition-fast)}.about__chip:hover{border-color:var(--accent);color:var(--accent);background:var(--accent-soft)}@media (max-width: 1024px){.about__head{grid-template-columns:1fr;gap:32px}.about__body{grid-template-columns:1fr;gap:60px}.about__portrait{position:static;max-width:400px}.about__stats{grid-template-columns:repeat(2,1fr)}.about__stat:nth-child(2){border-right:none}.about__stat:nth-child(1),.about__stat:nth-child(2){border-bottom:1px solid var(--border)}}.projects{background:var(--bg-primary);border-top:1px solid var(--border)}.projects__head{display:grid;grid-template-columns:1.2fr 1fr;gap:80px;align-items:end;margin-bottom:100px}.projects__title{font-size:clamp(2rem,4.5vw,4.2rem);font-weight:200;line-height:1.05;letter-spacing:-.03em}.projects__title em{font-style:italic;font-weight:300;color:var(--accent)}.projects__intro{color:var(--text-secondary);font-size:1rem;line-height:1.7;max-width:460px;justify-self:end}.projects__grid{display:flex;flex-direction:column;gap:120px}.project{display:grid;grid-template-columns:1.4fr 1fr;gap:80px;align-items:center;position:relative}.project--reverse{grid-template-columns:1fr 1.4fr;direction:rtl}.project--reverse>*{direction:ltr}.project__media{position:relative;aspect-ratio:4 / 3;border:1px solid var(--border);border-radius:4px;overflow:hidden;background:var(--bg-secondary);transition:var(--transition)}.project:hover .project__media{border-color:var(--text-tertiary);transform:translateY(-4px)}.project__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;overflow:hidden}.project__placeholder-shape{position:absolute;width:60%;height:60%;background:var(--shape-color);filter:blur(60px);opacity:.35;border-radius:50%;transition:var(--transition-slow)}.project:hover .project__placeholder-shape{transform:scale(1.4);opacity:.55}.project__placeholder-num{position:relative;z-index:2;font-size:clamp(4rem,10vw,9rem);font-weight:200;color:#ffffff14;font-family:var(--font-mono);letter-spacing:-.02em;transition:var(--transition-slow)}.project:hover .project__placeholder-num{color:#ffffff2e}.project__media-overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(180deg,transparent 60%,rgba(10,10,10,.6) 100%);z-index:1}.project__info{display:flex;flex-direction:column;gap:24px}.project__meta{display:flex;align-items:center;gap:16px;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.2em;color:var(--text-tertiary);padding-bottom:20px;border-bottom:1px solid var(--border)}.project__num{color:var(--accent)}.project__cat{color:var(--text-secondary);flex:1}.project__year{color:var(--text-tertiary)}.project__title{font-size:clamp(1.6rem,2.5vw,2.4rem);font-weight:300;letter-spacing:-.02em;line-height:1.15;transition:var(--transition-fast)}.project:hover .project__title{color:var(--accent)}.project__desc{color:var(--text-secondary);line-height:1.7;font-size:.98rem;max-width:52ch}.project__tags{display:flex;flex-wrap:wrap;gap:6px}.project__tag{padding:4px 10px;border:1px solid var(--border);border-radius:4px;font-family:var(--font-mono);font-size:.7rem;letter-spacing:.05em;color:var(--text-tertiary);text-transform:uppercase}.project__link{display:inline-flex;align-items:center;gap:12px;font-size:.9rem;color:var(--text-primary);padding-top:8px;align-self:start;position:relative}.project__link:before{content:"";position:absolute;left:0;bottom:-2px;width:0;height:1px;background:var(--accent);transition:var(--transition)}.project__link:hover{color:var(--accent)}.project__link:hover:before{width:calc(100% - 28px)}.project__link-arrow{transition:transform var(--transition)}.project__link:hover .project__link-arrow{transform:translate(6px)}.projects__more{display:flex;justify-content:center;margin-top:120px}@media (max-width: 1024px){.projects__head{grid-template-columns:1fr;gap:32px;margin-bottom:60px}.projects__intro{justify-self:start}.projects__grid{gap:80px}.project,.project--reverse{grid-template-columns:1fr;direction:ltr;gap:32px}}.caps{background:var(--bg-primary);border-top:1px solid var(--border);position:relative}.caps:before{content:"";position:absolute;top:0;left:50%;transform:translate(-50%);width:80%;height:1px;background:linear-gradient(90deg,transparent,var(--border-bright),transparent)}.caps__head{display:flex;flex-direction:column;gap:28px;margin-bottom:80px;max-width:720px}.caps__title{font-size:clamp(2rem,4.5vw,4.2rem);font-weight:200;line-height:1.05;letter-spacing:-.03em}.caps__title em{font-style:italic;font-weight:300;color:var(--accent)}.caps__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:0;border-top:1px solid var(--border);border-left:1px solid var(--border)}.cap{position:relative;padding:40px 32px;border-right:1px solid var(--border);border-bottom:1px solid var(--border);display:flex;flex-direction:column;gap:20px;min-height:280px;transition:var(--transition);cursor:default}.cap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:radial-gradient(circle at var(--mx, 50%) var(--my, 50%),var(--accent-soft),transparent 60%);opacity:0;transition:opacity var(--transition);pointer-events:none}.cap:hover:before{opacity:1}.cap:hover{background:var(--bg-secondary)}.cap__head{display:flex;justify-content:space-between;align-items:start}.cap__num{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.2em;color:var(--text-tertiary)}.cap__icon{width:32px;height:32px;color:var(--text-secondary);transition:var(--transition)}.cap__icon svg{width:100%;height:100%}.cap:hover .cap__icon{color:var(--accent);transform:scale(1.1) rotate(-4deg)}.cap__title{font-size:1.5rem;font-weight:300;letter-spacing:-.01em;color:var(--text-primary)}.cap__desc{font-size:.92rem;line-height:1.65;color:var(--text-secondary);flex:1}.cap__line{width:24px;height:1px;background:var(--border-bright);transition:var(--transition)}.cap:hover .cap__line{width:100%;background:var(--accent)}.caps__process{margin-top:100px;padding-top:40px;border-top:1px solid var(--border);display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:24px}.caps__process-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--text-tertiary)}.caps__process-steps{display:flex;align-items:center;gap:16px;flex-wrap:wrap}.caps__process-step{padding:10px 20px;border:1px solid var(--border);border-radius:999px;font-size:.85rem;color:var(--text-primary);font-weight:400;transition:var(--transition)}.caps__process-step:hover{border-color:var(--accent);color:var(--accent)}.caps__process-arrow{color:var(--text-tertiary);font-size:.85rem}@media (max-width: 1024px){.caps__grid{grid-template-columns:repeat(2,1fr)}}@media (max-width: 640px){.caps__grid{grid-template-columns:1fr}.cap{padding:32px 24px;min-height:220px}}.contact{position:relative;min-height:100vh;background:var(--bg-primary);border-top:1px solid var(--border);padding:120px 0 40px;display:flex;align-items:stretch;overflow:hidden}.contact__bg{position:absolute;top:0;right:0;bottom:0;left:0;z-index:0;pointer-events:none;overflow:hidden}.contact__bg-glow{position:absolute;top:20%;left:50%;transform:translate(-50%);width:1000px;height:1000px;background:radial-gradient(circle,rgba(196,255,77,.06) 0%,transparent 60%);filter:blur(40px);animation:float 10s ease-in-out infinite}.contact__bg-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(to right,rgba(255,255,255,.02) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.02) 1px,transparent 1px);background-size:80px 80px;mask-image:radial-gradient(ellipse at center 30%,black 0%,transparent 70%);-webkit-mask-image:radial-gradient(ellipse at center 30%,black 0%,transparent 70%)}.contact__inner{position:relative;z-index:2;display:flex;flex-direction:column;gap:60px;width:100%}.contact__top{display:flex;justify-content:space-between;align-items:center}.contact__title{font-size:clamp(2.8rem,7.5vw,7rem);font-weight:200;line-height:1.05;letter-spacing:-.04em;margin-bottom:8px}.contact__title-line{display:block}.contact__title-line:nth-child(2){font-style:italic;color:var(--accent);font-weight:300}.contact__desc{max-width:520px;font-size:1.05rem;line-height:1.7;color:var(--text-secondary)}.contact__email{display:inline-flex;align-items:center;gap:20px;padding:24px 32px;border:1px solid var(--border-bright);border-radius:999px;background:#0a0a0a80;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);align-self:start;max-width:100%;transition:var(--transition)}.contact__email:hover{border-color:var(--accent);background:var(--accent-soft)}.contact__email-label{font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--text-tertiary)}.contact__email-value{font-size:clamp(1.1rem,1.6vw,1.6rem);font-weight:300;color:var(--text-primary);letter-spacing:-.01em}.contact__email-arrow{font-size:1.4rem;color:var(--accent);transition:transform var(--transition)}.contact__email:hover .contact__email-arrow{transform:translate(4px,-4px)}.contact__grid{display:grid;grid-template-columns:repeat(3,1fr);gap:60px;border-top:1px solid var(--border);padding-top:60px;margin-top:40px}.contact__col-label{display:block;font-family:var(--font-mono);font-size:.7rem;text-transform:uppercase;letter-spacing:.25em;color:var(--text-tertiary);margin-bottom:24px}.contact__list{list-style:none;display:flex;flex-direction:column;gap:14px}.contact__list-item,.contact__list-link{display:flex;justify-content:space-between;align-items:center;font-size:.95rem;color:var(--text-primary);padding:8px 0;border-bottom:1px solid transparent;transition:var(--transition)}.contact__list-link{cursor:pointer}.contact__list-link:hover{color:var(--accent);padding-left:8px}.contact__list-item{color:var(--text-secondary)}.contact__list-mono{font-family:var(--font-mono);font-size:.85rem;color:var(--text-primary);display:inline-flex;align-items:center;gap:8px}.contact__list-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent);animation:pulse 2s ease-in-out infinite}.contact__list-arrow{font-size:.85rem;opacity:0;transform:translate(-4px);transition:var(--transition)}.contact__list-link:hover .contact__list-arrow{opacity:1;transform:translate(0)}.contact__bottom{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;gap:16px;padding-top:40px;border-top:1px solid var(--border);font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.18em;color:var(--text-tertiary)}.contact__bottom-meta{display:inline-flex;align-items:center;gap:12px}.contact__back{display:inline-flex;align-items:center;gap:8px;color:var(--text-primary);transition:var(--transition-fast)}.contact__back:hover{color:var(--accent);transform:translateY(-2px)}@media (max-width: 1024px){.contact__grid{grid-template-columns:1fr;gap:40px}.contact__email{width:100%}}@media (max-width: 640px){.contact{padding-top:80px}.contact__bottom{flex-direction:column;align-items:start}}:root{--bg-primary: #0a0a0a;--bg-secondary: #111111;--bg-tertiary: #161616;--bg-elevated: #1a1a1a;--border: #222222;--border-light: #2a2a2a;--border-bright: #3a3a3a;--text-primary: #ffffff;--text-secondary: #b8b8b8;--text-tertiary: #707070;--text-muted: #4a4a4a;--accent: #c4ff4d;--accent-soft: rgba(196, 255, 77, .12);--accent-dim: rgba(196, 255, 77, .5);--max-width: 1700px;--gutter: clamp(24px, 4vw, 60px);--section-padding: clamp(80px, 12vh, 160px);--ease: cubic-bezier(.16, 1, .3, 1);--ease-out: cubic-bezier(.22, 1, .36, 1);--transition-fast: .25s var(--ease);--transition: .5s var(--ease);--transition-slow: .8s var(--ease);--font-sans: "Inter", -apple-system, BlinkMacSystemFont, "PingFang SC", "Microsoft YaHei", sans-serif;--font-serif: "Noto Serif SC", "Songti SC", serif;--font-mono: "JetBrains Mono", "SF Mono", Menlo, monospace}*,*:before,*:after{margin:0;padding:0;box-sizing:border-box}html{scroll-behavior:smooth;-webkit-text-size-adjust:100%}body{font-family:var(--font-sans);background:var(--bg-primary);color:var(--text-primary);line-height:1.6;font-weight:300;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;overflow-x:hidden;cursor:default}img,video{display:block;max-width:100%;height:auto}a{color:inherit;text-decoration:none;transition:var(--transition-fast)}button{cursor:pointer;border:none;background:none;font-family:inherit;color:inherit;-webkit-tap-highlight-color:transparent}::selection{background:var(--accent);color:var(--bg-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-primary)}::-webkit-scrollbar-thumb{background:var(--border-bright);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app{width:100%;min-height:100vh;position:relative}.container{max-width:var(--max-width);margin:0 auto;padding-left:var(--gutter);padding-right:var(--gutter);width:100%}section{padding-top:var(--section-padding);padding-bottom:var(--section-padding);position:relative}h1,h2,h3,h4,h5,h6{font-weight:200;letter-spacing:-.03em;line-height:1.05;color:var(--text-primary)}h1{font-size:clamp(2.8rem,7.5vw,7.5rem);font-weight:200}h2{font-size:clamp(2.2rem,5.5vw,5rem);font-weight:200}h3{font-size:clamp(1.5rem,2.5vw,2.2rem);font-weight:300}p{color:var(--text-secondary);font-size:clamp(.95rem,1.05vw,1.1rem);line-height:1.7}.section-label{font-family:var(--font-mono);font-size:.72rem;text-transform:uppercase;letter-spacing:.35em;color:var(--text-tertiary);margin-bottom:32px;display:inline-flex;align-items:center;gap:14px;font-weight:400}.section-label:before{content:"";display:block;width:36px;height:1px;background:var(--text-tertiary)}.section-index{font-family:var(--font-mono);font-size:.72rem;color:var(--text-muted);letter-spacing:.2em;margin-right:8px}.btn{display:inline-flex;align-items:center;gap:12px;padding:14px 28px;font-size:.88rem;font-weight:400;letter-spacing:.02em;border:1px solid var(--border-bright);border-radius:999px;color:var(--text-primary);background:transparent;transition:var(--transition);position:relative;overflow:hidden}.btn:hover{border-color:var(--text-primary);background:var(--text-primary);color:var(--bg-primary)}.btn--primary{background:var(--text-primary);color:var(--bg-primary);border-color:var(--text-primary)}.btn--primary:hover{background:var(--accent);border-color:var(--accent);color:var(--bg-primary)}.btn--ghost{border-color:var(--border-bright)}.btn__arrow{display:inline-block;transition:transform var(--transition)}.btn:hover .btn__arrow{transform:translate(4px)}.grid-bg{background-image:linear-gradient(to right,rgba(255,255,255,.025) 1px,transparent 1px),linear-gradient(to bottom,rgba(255,255,255,.025) 1px,transparent 1px);background-size:80px 80px}@keyframes revealUp{0%{opacity:0;transform:translateY(40px)}to{opacity:1;transform:translateY(0)}}@keyframes revealIn{0%{opacity:0}to{opacity:1}}@keyframes marquee{0%{transform:translate(0)}to{transform:translate(-50%)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.4}}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-12px)}}@keyframes gradientShift{0%{background-position:0% 50%}50%{background-position:100% 50%}to{background-position:0% 50%}}.app>*{animation:revealIn 1s var(--ease) backwards}.app>*:nth-child(1){animation-delay:.05s}.app>*:nth-child(2){animation-delay:.1s}.app>*:nth-child(3){animation-delay:.15s}.app>*:nth-child(4){animation-delay:.2s}.app>*:nth-child(5){animation-delay:.25s}.app>*:nth-child(6){animation-delay:.3s}@media (max-width: 1024px){:root{--gutter: 32px}}@media (max-width: 640px){:root{--gutter: 20px}section{padding-top:80px;padding-bottom:80px}}