.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:100vh;padding:var(--space-8) var(--space-4);padding-bottom:var(--space-14);overflow:hidden}.hero__content{position:relative;z-index:1;text-align:center;max-width:56rem;padding:var(--space-12);gap:var(--space-6)}.hero__index{display:flex;align-items:center;justify-content:center;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-lg);font-weight:600;letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;color:var(--color-fg-subtle);margin-bottom:var(--space-8);opacity:0;transform:translateY(-10px);animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-1)}.hero__index-name{color:var(--color-fg-muted)}.hero__index-divider{color:var(--color-guide)}.hero__index-number{color:var(--color-accent)}.hero__symbol{color:var(--color-accent);opacity:.8}.hero__frame{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:0;animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-2)}.hero__bracket{position:absolute;width:24px;height:24px;border-color:var(--color-bracket);border-style:solid;border-width:0}.hero__bracket--tl{top:0;left:0;border-top-width:3px;border-left-width:3px}.hero__bracket--tr{top:0;right:0;border-top-width:3px;border-right-width:3px}.hero__bracket--bl{bottom:0;left:0;border-bottom-width:3px;border-left-width:3px}.hero__bracket--br{bottom:0;right:0;border-bottom-width:3px;border-right-width:3px}.hero__body{opacity:0;transform:translateY(20px);animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-3);display:grid;gap:var(--space-5);margin-bottom:var(--space-10)}.hero__headline{font-size:var(--font-size-hero);font-weight:700;line-height:var(--line-height-tight);letter-spacing:var(--letter-spacing-tight);color:var(--color-fg);margin-bottom:var(--space-6)}.hero__subheadline{font-size:var(--font-size-xl);color:var(--color-fg-muted);line-height:var(--line-height-normal);opacity:0;transform:translateY(10px);animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-4)}.hero__cursor{display:inline-block;margin-left:.25em;color:var(--color-accent-cool);font-weight:400;transform:translateY(-.05em);animation:cursor-blink 1.1s steps(2,jump-none) infinite}@keyframes cursor-blink{0%,49%{opacity:1}50%,to{opacity:0}}.hero__scroll-cue{position:relative;margin-top:var(--space-6);z-index:1;display:flex;flex-direction:column;align-items:center;gap:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-wide);text-transform:lowercase;color:var(--color-fg-subtle);opacity:0;animation:hero-reveal var(--duration-reveal) var(--ease-smooth) forwards;animation-delay:var(--stagger-5)}.hero__scroll-text{opacity:.6}.hero__scroll-arrow{animation:scroll-bounce 2s var(--ease-smooth) infinite}@keyframes scroll-bounce{0%,to{transform:translateY(0);opacity:.6}50%{transform:translateY(4px);opacity:1}}@keyframes hero-reveal{to{opacity:1;transform:translateY(0)}}@media (max-width: 640px){.hero{min-height:100vh;padding:var(--space-6) var(--space-4);padding-bottom:var(--space-16)}.hero__content{padding:var(--space-8)}.hero__bracket{width:16px;height:16px}.hero__headline{font-size:clamp(1.5rem,8vw,2.5rem)}.hero__subheadline{font-size:var(--font-size-lg)}.hero__scroll-cue{margin-top:var(--space-5)}}@media (prefers-reduced-motion: reduce){.hero__index,.hero__frame,.hero__body,.hero__subheadline,.hero__scroll-cue{opacity:1;transform:none;animation:none}.hero__scroll-arrow{animation:none}.hero__cursor{animation:none;opacity:1}}.statement{display:flex;align-items:center;justify-content:center;gap:var(--space-3);padding:var(--space-8) var(--space-4);text-align:center}.statement__icon{font-size:var(--font-size-xl);color:var(--color-accent)}.statement__text{font-size:var(--font-size-xl);font-weight:500;color:var(--color-fg-muted);letter-spacing:.02em}@media (max-width: 640px){.statement{flex-direction:column;gap:var(--space-2)}.statement__text{font-size:var(--font-size-lg)}}.navigation{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--space-4);padding:var(--space-8) var(--space-4);max-width:72rem;margin-inline:auto}.nav-block{display:flex;flex-direction:column;gap:var(--space-3);padding:var(--space-6);background:linear-gradient(135deg,#ffffff14,#ffffff05),#00000052;background-blend-mode:screen,normal;border-radius:var(--radius-md);border:2.5px solid rgba(255,255,255,.16);text-decoration:none;position:relative;overflow:hidden;box-shadow:0 18px 60px #00000059;backdrop-filter:blur(18px) saturate(1.25);-webkit-backdrop-filter:blur(18px) saturate(1.25);isolation:isolate;transition:transform var(--duration-normal) var(--ease-smooth),border-color var(--duration-normal) var(--ease-smooth),background-color var(--duration-normal) var(--ease-smooth),box-shadow var(--duration-normal) var(--ease-smooth)}.nav-block:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:#0003;z-index:0;pointer-events:none}.nav-block>*{position:relative;z-index:1}.nav-block:hover{border-color:#ffffff4d;background:linear-gradient(135deg,#ffffff24,#ffffff0d);transform:translateY(var(--hover-lift));box-shadow:0 22px 70px #0000006b}.nav-block:hover .nav-block__arrow{transform:translate(var(--arrow-nudge));opacity:1}.nav-block:hover .nav-block__action{color:var(--color-accent)}.nav-block:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px;border-color:#ffffff6b;background:linear-gradient(135deg,#ffffff29,#ffffff0f)}.nav-block:active{transform:scale(var(--press-scale));box-shadow:none;transition-duration:var(--duration-instant)}.nav-block__header{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2)}.nav-block__label{font-size:var(--font-size-xl);font-weight:600;color:#fff;letter-spacing:var(--letter-spacing-tight)}.nav-block__arrow{font-size:var(--font-size-lg);color:#ffffffb8;opacity:.8;transition:transform var(--duration-normal) var(--ease-smooth),opacity var(--duration-normal) var(--ease-smooth)}.nav-block__description{font-size:var(--font-size-base);color:#ffffffe6;line-height:var(--line-height-relaxed);flex-grow:1}.nav-block__action{font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);text-transform:uppercase;color:#ffffffd9;margin-top:var(--space-2);transition:color var(--duration-normal) var(--ease-smooth)}@media (max-width: 768px){.navigation{grid-template-columns:repeat(2,1fr);gap:var(--space-3)}.nav-block{padding:var(--space-4)}.nav-block__label{font-size:var(--font-size-lg)}.nav-block__description{font-size:var(--font-size-sm)}.nav-block:hover{transform:translateY(-2px)}}@media (prefers-reduced-motion: reduce){.nav-block{transition:none}.nav-block:hover,.nav-block:active{transform:none}.nav-block__arrow{transition:none}.nav-block:hover .nav-block__arrow{transform:none}}.projects{position:relative;isolation:isolate;padding:var(--space-8) var(--space-12);margin-block:var(--space-6)}.projects:before{content:"";position:absolute;top:16px;right:16px;bottom:16px;left:16px;background:#0a0a0a80;border-radius:32px;filter:blur(28px);pointer-events:none;z-index:-2}.projects:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:radial-gradient(circle,rgba(34,211,238,.16) 1px,transparent 1.4px);background-size:28px 28px;mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,black 25%,transparent 85%);-webkit-mask-image:radial-gradient(ellipse 75% 65% at 50% 50%,black 25%,transparent 85%);pointer-events:none;z-index:-1}.projects__header{display:flex;align-items:baseline;justify-content:space-between;gap:var(--space-4);margin-bottom:var(--space-5);padding-bottom:var(--space-3);border-bottom:1px solid var(--color-bracket)}.projects__heading{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-fg);letter-spacing:var(--letter-spacing-tight)}.projects__count{font-family:var(--font-family-mono);font-size:var(--font-size-xs);color:var(--color-accent-cool);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase}.projects__grid{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--space-3)}.projects__cell{list-style:none;position:relative;display:flex;min-width:0;min-height:0}.project-card{position:relative;display:flex;flex-direction:column;width:100%;min-height:220px;padding:var(--space-5);gap:var(--space-4);background:#ffffff06;border:1px solid rgba(255,255,255,.07);border-radius:var(--radius-lg);text-decoration:none;color:inherit;cursor:pointer;isolation:isolate;overflow:hidden;transition:background var(--transition-fast),border-color var(--transition-fast),transform var(--duration-normal) var(--ease-smooth)}.project-card:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;background:radial-gradient(280px circle at var(--x, 50%) var(--y, 50%),var(--color-accent-cool-soft),transparent 60%);opacity:0;pointer-events:none;transition:opacity var(--duration-normal) var(--ease-smooth);z-index:0}.project-card:hover:before{opacity:1}.project-card>*{position:relative;z-index:1}.project-card:hover{background:#ffffff0a;border-color:#22d3ee40;transform:translateY(-2px)}.project-card:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}@property --shimmer-angle{syntax: "<angle>"; initial-value: 0deg; inherits: false;}.project-card:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;padding:1px;background:conic-gradient(from var(--shimmer-angle),transparent 0deg,var(--color-accent-cool) 40deg,transparent 90deg,transparent 360deg);-webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude;pointer-events:none;opacity:.65;animation:shimmer-rotate 4.5s linear infinite;animation-delay:var(--shimmer-delay, 0s);z-index:2}.project-card:hover:after{opacity:1}@keyframes shimmer-rotate{to{--shimmer-angle: 360deg}}.project-card__head{display:flex;align-items:center;justify-content:space-between;gap:var(--space-3)}.project-card__icon{display:inline-flex;align-items:center;justify-content:center;width:44px;height:44px;border:1px solid var(--color-bracket);border-radius:var(--radius-md);background:#ffffff04;color:var(--color-accent-cool);flex-shrink:0;transition:border-color var(--transition-fast),background var(--transition-fast),box-shadow var(--transition-fast)}.project-card__icon svg{width:100%;height:100%;display:block;transition:transform var(--duration-normal) var(--ease-smooth)}.project-card:hover .project-card__icon{border-color:var(--color-accent-cool);background:var(--color-accent-cool-soft);box-shadow:0 0 24px var(--color-accent-cool-glow)}.project-card:hover .project-card__icon svg{transform:scale(1.05)}.project-card__body{display:flex;flex-direction:column;gap:var(--space-2);flex:1;min-width:0}.project-card__top{display:flex;align-items:center;gap:var(--space-2);flex-wrap:wrap}.project-card__title{font-size:var(--font-size-xl);font-weight:700;color:var(--color-fg);letter-spacing:var(--letter-spacing-tight);line-height:var(--line-height-tight);transition:color var(--transition-fast)}.project-card:hover .project-card__title{color:var(--color-accent)}.project-card__live{font-family:var(--font-family-mono);font-size:var(--font-size-2xs);font-weight:600;color:var(--color-accent-cool);background:var(--color-accent-cool-soft);border:1px solid var(--color-accent-cool-glow);border-radius:999px;padding:2px var(--space-2);letter-spacing:var(--letter-spacing-wider);text-transform:uppercase;white-space:nowrap}.project-card__tagline{font-size:var(--font-size-sm);color:var(--color-fg-muted);line-height:var(--line-height-normal);display:-webkit-box;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;overflow:hidden}.project-card__foot{display:flex;align-items:center;justify-content:space-between;gap:var(--space-2);margin-top:auto;padding-top:var(--space-3);border-top:1px solid rgba(255,255,255,.06)}.project-card__meta{display:inline-flex;align-items:center;gap:var(--space-1);font-family:var(--font-family-mono);font-size:var(--font-size-2xs);letter-spacing:var(--letter-spacing-wide);font-feature-settings:"tnum"}.project-card__code{color:var(--color-accent-cool);font-weight:600}.project-card__meta-sep{color:var(--color-bracket)}.project-card__year{color:var(--color-fg-subtle)}.project-card__arrow{font-family:var(--font-family-mono);font-size:var(--font-size-lg);color:var(--color-fg-subtle);line-height:1;transition:transform var(--transition-fast),color var(--transition-fast)}.project-card:hover .project-card__arrow{color:var(--color-accent);transform:translate(var(--arrow-nudge),calc(-1 * var(--arrow-nudge)))}.tag-marquee{position:relative;overflow:hidden;margin-bottom:var(--space-5);padding-block:var(--space-3);border-block:1px solid var(--color-bracket);mask-image:linear-gradient(90deg,transparent 0,black 6%,black 94%,transparent 100%);-webkit-mask-image:linear-gradient(90deg,transparent 0,black 6%,black 94%,transparent 100%)}.tag-marquee__track{display:flex;align-items:center;gap:var(--space-5);list-style:none;padding:0;margin:0;width:max-content;animation:tag-marquee 80s linear infinite}.tag-marquee:hover .tag-marquee__track{animation-play-state:paused}.tag-chip{display:inline-flex;align-items:baseline;gap:var(--space-2);font-family:var(--font-family-mono);font-size:var(--font-size-xs);letter-spacing:var(--letter-spacing-wide);white-space:nowrap;padding:0}.tag-chip__short{color:var(--color-accent-cool);font-weight:700;letter-spacing:-.01em}.tag-chip__sep{color:var(--color-bracket)}.tag-chip__label{color:var(--color-fg-subtle);text-transform:uppercase;letter-spacing:var(--letter-spacing-wider)}@keyframes tag-marquee{0%{transform:translateZ(0)}to{transform:translate3d(-50%,0,0)}}@media (prefers-reduced-motion: reduce){.tag-marquee__track{animation:none;transform:none}}@media (prefers-reduced-motion: reduce){.project-card:after{animation:none;background:linear-gradient(90deg,transparent,var(--color-accent-cool),transparent);opacity:.4}.project-card:hover{transform:none}}@media (max-width: 720px){.projects{padding:var(--space-6) var(--space-5);margin-block:var(--space-4)}.projects:before{top:8px;right:8px;bottom:8px;left:8px;border-radius:24px;filter:blur(20px)}.projects__grid{grid-template-columns:1fr;gap:var(--space-2)}.project-card{min-height:200px;padding:var(--space-4);gap:var(--space-3)}.project-card__icon{width:36px;height:36px}.project-card__title{font-size:var(--font-size-base)}.project-card__tagline{font-size:var(--font-size-xs);-webkit-line-clamp:3;line-clamp:3}.tag-marquee{margin-bottom:var(--space-3);padding-block:var(--space-2)}.tag-marquee__track{gap:var(--space-4);animation-duration:60s}.projects__heading{font-size:var(--font-size-xl)}}.cta{padding:var(--space-16) var(--space-4);text-align:center}.cta__heading{font-size:var(--font-size-2xl);font-weight:700;color:var(--color-fg);margin-bottom:var(--space-6)}.cta__button{display:inline-block;padding:var(--space-4) var(--space-8);font-size:var(--font-size-lg);font-weight:600;letter-spacing:.05em;color:var(--color-bg);background:var(--color-accent);border:none;border-radius:.25rem;cursor:pointer;transition:background var(--transition-fast),transform var(--transition-fast);text-decoration:none}.cta__button:hover,.cta__button:focus-visible{background:var(--color-fg);transform:translateY(-2px)}.cta__button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.cta__contacts{display:flex;justify-content:center;flex-wrap:wrap;gap:var(--space-6);margin-top:var(--space-8)}.cta__contact-link{font-size:var(--font-size-base);color:var(--color-fg-muted);font-weight:500;transition:color var(--transition-fast)}.cta__contact-link:hover,.cta__contact-link:focus-visible{color:var(--color-accent)}@media (max-width: 640px){.cta__heading{font-size:var(--font-size-xl)}.cta__button{font-size:var(--font-size-base);padding:var(--space-3) var(--space-6)}.cta__contacts{flex-direction:column;gap:var(--space-4)}}