.projects{--branch:70px;flex-direction:column;align-items:center;width:min(100%,1120px);min-height:100vh;margin-top:78px;padding:clamp(1rem,3vw,2rem) clamp(1rem,4vw,2.5rem) 8rem;display:flex;position:relative}.projects-heading{max-width:720px;margin:0 auto clamp(3.5rem,8vw,6.5rem)}.projects-heading h1{letter-spacing:-.055em;font-size:clamp(2.4rem,6vw,4.4rem)}.projects-heading p{max-width:620px;font-family:var(--font-geist-sans), sans-serif;font-size:clamp(.95rem,2vw,1.1rem);line-height:1.65}.projects-eyebrow,.project-hero-kicker,.project-article-heading span{color:var(--glow);letter-spacing:.18em;text-transform:uppercase;font-size:.7rem;font-weight:800}.projects-timeline-wrap{width:100%}.projects-data-notice{color:var(--copy-lighter);font-family:var(--font-geist-sans), sans-serif;font-size:.75rem;position:absolute;top:-38px;left:50%;transform:translate(-50%)}.timeline{width:100%;position:relative;overflow:visible}.timeline-nodes{z-index:1;width:100%;position:relative}.timeline-spine{background:linear-gradient(to bottom, transparent, var(--border) 6%, var(--border) 94%, transparent);pointer-events:none;z-index:0;border-radius:999px;width:3px;position:absolute;top:0;bottom:0;left:50%;transform:translate(-50%)}.timeline-spine-progress{border-radius:inherit;transform-origin:top;background:linear-gradient(to bottom, var(--glow-strong), var(--glow));box-shadow:0 0 12px var(--glow-soft), 0 0 28px var(--glow-faint);will-change:transform;position:absolute;inset:0}.timeline-ping{pointer-events:none;z-index:3;will-change:transform;width:0;height:0;position:absolute;top:0;left:50%}.timeline-ping-core,.timeline-ping-ring{border-radius:50%;width:15px;height:15px;position:absolute;top:0;left:0;transform:translate(-50%,-50%)}.timeline-ping-core{background:var(--glow-strong);box-shadow:0 0 8px 2px var(--glow), 0 0 22px 8px var(--glow-soft), 0 0 38px 14px var(--glow-faint)}.timeline-ping-ring{border:2px solid var(--glow);animation:1.9s ease-out infinite project-ping}@keyframes project-ping{0%{opacity:.72;transform:translate(-50%,-50%)scale(1)}72%,to{opacity:0;transform:translate(-50%,-50%)scale(3.3)}}.timeline-node{z-index:1;align-items:center;width:100%;min-height:clamp(220px,31vh,320px);display:flex;position:relative}.timeline-node--left{justify-content:flex-start}.timeline-node--right{justify-content:flex-end}.timeline-node-anchor{border:2px solid var(--border);background:var(--background);z-index:3;border-radius:50%;place-items:center;width:21px;height:21px;transition:border-color .35s,box-shadow .35s;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.timeline-node-anchor-dot{background:var(--copy-lighter);border-radius:50%;width:7px;height:7px;transition:background .35s,transform .35s,box-shadow .35s}.timeline-node-anchor[data-active]{border-color:var(--glow);box-shadow:0 0 14px var(--glow-soft)}.timeline-node-anchor[data-active] .timeline-node-anchor-dot{background:var(--glow-strong);box-shadow:0 0 10px 2px var(--glow);transform:scale(1.18)}.timeline-node-branch{width:var(--branch);z-index:1;background:linear-gradient(to right, var(--glow), var(--glow-soft));height:2px;box-shadow:0 0 10px var(--glow-faint);will-change:transform;position:absolute;top:50%}.timeline-node--left .timeline-node-branch{transform-origin:100%;background:linear-gradient(to left, var(--glow), var(--glow-soft));right:50%}.timeline-node--right .timeline-node-branch{transform-origin:0;left:50%}.timeline-node-content{width:calc(50% - var(--branch));will-change:transform, opacity;display:flex}.timeline-node--right .timeline-node-content{justify-content:flex-end}.project-button{width:100%;min-height:158px;color:var(--copy);text-align:left;border:1px solid var(--border);background:radial-gradient(circle at 100% 0%, var(--glow-faint), transparent 45%), color-mix(in srgb, var(--foreground-solid) 97%, transparent);box-shadow:0 16px 44px #0000001a, var(--box-shadow);cursor:pointer;isolation:isolate;border-radius:18px;grid-template-rows:1fr auto;grid-template-columns:auto minmax(0,1fr);gap:12px 14px;padding:1.25rem;display:grid;position:relative;overflow:hidden}.project-button:after{content:"";z-index:-1;border-radius:inherit;box-shadow:0 0 0 1px var(--glow), 0 0 30px var(--glow-soft), 0 0 54px var(--glow-faint);opacity:0;transition:opacity .35s;position:absolute;inset:-1px}.project-button:hover,.project-button[data-active]{border-color:var(--glow)}.project-button:hover:after,.project-button[data-active]:after,.project-button:focus-visible:after{opacity:.8}.project-button[data-active]:after{animation:2.8s ease-in-out infinite project-glow}@keyframes project-glow{0%,to{opacity:.52}50%{opacity:.92}}.project-button-index{min-width:34px;color:var(--glow);font-family:var(--font-geist-mono), monospace;font-size:.72rem;line-height:1.5}.project-button-copy{flex-direction:column;gap:8px;min-width:0;display:flex}.project-button-title{letter-spacing:-.025em;margin:0;font-size:clamp(1rem,2vw,1.25rem);line-height:1.25;display:block}.project-button-summary{color:var(--copy-light);font-family:var(--font-geist-sans), sans-serif;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:.8rem;line-height:1.5;display:-webkit-box;overflow:hidden}.project-button-tech{gap:6px;display:flex}.project-button-tech>span{width:26px;height:26px;color:var(--copy-light);border:1px solid var(--border);background:color-mix(in srgb, var(--background) 65%, transparent);border-radius:7px;place-items:center;display:grid}.project-button-hint{color:var(--copy-lighter);letter-spacing:.08em;text-transform:uppercase;grid-column:1/-1;justify-content:flex-end;gap:5px;font-size:.65rem;transition:color .3s;display:flex}.project-button:hover .project-button-hint,.project-button[data-active] .project-button-hint{color:var(--glow)}.project-button[data-expanded]{pointer-events:none}.project-modal-root{z-index:2000;isolation:isolate;place-items:center;padding:1rem;display:grid;position:fixed;inset:0}.project-modal-backdrop{-webkit-backdrop-filter:blur(10px)saturate(.8);cursor:default;background:#040a0ead;border:0;border-radius:0;width:100%;height:100%;padding:0;position:absolute;inset:0}.project-modal{z-index:1;width:80vw;max-width:1220px;height:80vh;max-height:900px;color:var(--copy);border:1px solid color-mix(in srgb, var(--border) 70%, var(--glow));background:var(--foreground-solid);box-shadow:0 38px 110px #0000007a, 0 0 0 1px var(--glow-faint), 0 0 64px var(--glow-faint);will-change:transform, opacity;border-radius:24px;flex-direction:column;display:flex;position:relative;overflow:hidden}.project-modal-topbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--foreground-solid) 88%, transparent);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:3;flex:none;justify-content:space-between;align-items:center;min-height:58px;padding:0 12px 0 22px;display:flex}.project-modal-topbar>span{color:var(--copy-lighter);letter-spacing:.14em;text-transform:uppercase;font-size:.68rem}.project-modal-close{width:40px;height:40px;color:var(--copy);border:1px solid var(--border);background:var(--background);cursor:pointer;border-radius:11px;place-items:center;font-size:1.25rem;display:grid}.project-modal-scroll{overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:var(--border) transparent;flex:auto;min-height:0;overflow-y:auto}.project-hero{background:radial-gradient(circle at 95% 10%, var(--glow-soft), transparent 34%), radial-gradient(circle at 0% 100%, var(--glow-faint), transparent 44%), linear-gradient(150deg, color-mix(in srgb, var(--primary-dark) 76%, var(--foreground-solid)), var(--foreground-solid));grid-template-columns:minmax(0,.9fr) minmax(280px,1.1fr);align-items:center;gap:clamp(1.5rem,4vw,3.5rem);padding:clamp(2rem,5vw,4rem);display:grid}.project-hero-copy{flex-direction:column;align-items:flex-start;gap:18px;display:flex}.project-hero h2{letter-spacing:-.055em;margin:0;font-size:clamp(2rem,5vw,4.2rem);line-height:.98}.project-hero-copy>p{color:var(--copy-light);font-family:var(--font-geist-sans), sans-serif;margin:0;font-size:clamp(.95rem,1.8vw,1.08rem);line-height:1.7}.project-tech-stack{flex-wrap:wrap;gap:8px;display:flex}.project-tech-chip{min-height:34px;color:var(--copy);border:1px solid var(--border);background:color-mix(in srgb, var(--foreground-solid) 80%, transparent);font-family:var(--font-geist-sans), sans-serif;border-radius:999px;align-items:center;gap:7px;padding:.45rem .65rem;font-size:.74rem;transition:border-color .2s,color .2s,transform .2s;display:inline-flex}.project-tech-chip:hover{color:var(--glow);border-color:var(--glow);transform:translateY(-2px)}.project-link-button{min-height:46px;color:var(--primary-content);background:linear-gradient(135deg, var(--primary-light), var(--primary));box-shadow:0 12px 28px var(--primary-blur), 0 0 24px var(--glow-faint);border-radius:11px;align-items:center;gap:8px;padding:.75rem 1rem;font-size:.88rem;font-weight:800;display:inline-flex}.project-image-container{aspect-ratio:16/10;border:1px solid color-mix(in srgb, var(--border) 55%, var(--glow));width:100%;box-shadow:0 22px 58px #0000004d, 0 0 38px var(--glow-faint);background:#0000002e;border-radius:19px;position:relative;overflow:hidden}.project-image-container:after{content:"";pointer-events:none;border-radius:inherit;position:absolute;inset:0;box-shadow:inset 0 0 0 1px #ffffff14}.project-image{object-fit:contain;background:radial-gradient(circle at 50% 0%, var(--glow-faint), transparent 50%);padding:10px}.project-article{grid-template-columns:180px minmax(0,1fr);gap:clamp(2rem,6vw,5rem);width:min(100%,880px);margin:0 auto;padding:clamp(2.5rem,6vw,5rem) clamp(1.5rem,4vw,3rem) 6rem;display:grid}.project-article-heading{align-self:start;position:sticky;top:2rem}.project-article-heading h3{letter-spacing:-.03em;margin:9px 0 0;font-size:1.25rem}.project-description{color:var(--copy-light);font-family:var(--font-geist-sans), sans-serif;flex-direction:column;gap:1.5rem;font-size:clamp(.98rem,1.5vw,1.07rem);line-height:1.82;display:flex}.project-description p{margin:0}.project-description strong{color:var(--copy);font-weight:750}@media (max-width:900px){.project-modal{width:88vw;height:84vh}.project-hero{grid-template-columns:1fr}.project-image-container{order:-1;max-height:360px}}@media (max-width:768px){.projects{--branch:36px;margin-top:54px;padding-inline:.85rem}.projects-heading{margin-bottom:4rem}.timeline-spine{left:20px}.timeline-node{justify-content:flex-end;min-height:270px}.timeline-node-anchor{left:20px}.timeline-node--left .timeline-node-branch,.timeline-node--right .timeline-node-branch{transform-origin:0;background:linear-gradient(to right, var(--glow), var(--glow-soft));left:20px;right:auto}.timeline-node-content,.timeline-node--right .timeline-node-content{width:calc(100% - 20px - var(--branch));justify-content:flex-start}.project-button{min-height:168px}.project-modal-root{padding:.65rem}.project-modal{border-radius:18px;width:94vw;height:88dvh}.project-hero{gap:1.8rem;padding:1.5rem}.project-hero h2{font-size:clamp(2rem,10vw,3.1rem)}.project-article{grid-template-columns:1fr;gap:1.5rem}.project-article-heading{position:static}}@media (max-width:460px){.project-button{grid-template-columns:1fr}.project-button-index{min-width:0}.project-button-hint{grid-column:1}.project-button-summary{-webkit-line-clamp:3}.project-tech-chip span{display:none}.project-tech-chip{justify-content:center;width:34px;padding:0}.project-modal-topbar{min-height:52px}.project-modal-close{width:36px;height:36px}.project-image-container{aspect-ratio:4/3}}@media (prefers-reduced-motion:reduce){.timeline-ping-ring,.project-button[data-active]:after{animation:none}}