@keyframes project-rise{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:none}}@keyframes project-unveil{0%{clip-path:inset(12% round 22px);transform:scale(1.08)}to{clip-path:inset(0 round 22px);transform:none}}@keyframes project-spin{to{--project-angle:360deg}}@keyframes project-fill{0%{transform:scaleX(0)}to{transform:scaleX(1)}}@keyframes project-fill-down{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes project-pop{0%{opacity:0;transform:scale(.6)}70%{opacity:1;transform:scale(1.08)}to{opacity:1;transform:scale(1)}}@property --project-angle{syntax:"<angle>";inherits:false;initial-value:0deg}.project-hero{position:relative;overflow:hidden}.project-hero .eyebrow{color:var(--brand-magenta);margin:0}@media (min-width:900px){.project-hero{grid-template-columns:minmax(0,.95fr) minmax(0,1.05fr)}}.project-hero .about-hero-text>*{animation:.7s cubic-bezier(.2,.7,.2,1) both project-rise}.project-hero .about-hero-text>:nth-child(2){animation-delay:60ms}.project-hero .about-hero-text>:nth-child(3){animation-delay:.14s}.project-hero .about-hero-text>:nth-child(4){animation-delay:.22s}.project-hero .about-hero-text>:nth-child(5){animation-delay:.3s}.project-hero-image.about-hero-image{aspect-ratio:16/10;isolation:isolate;overflow:visible}.project-hero-image img{border-radius:22px;animation:1.1s cubic-bezier(.2,.7,.2,1) .1s both project-unveil}.project-hero-ring{z-index:-1;background:conic-gradient(from var(--project-angle), var(--brand-magenta), var(--brand-purple), var(--brand-sky), var(--brand-green), var(--brand-magenta));opacity:.75;border-radius:25px;animation:9s linear infinite project-spin;position:absolute;inset:-3px}.project-hero-ring:after{content:"";z-index:-1;border-radius:inherit;background:inherit;filter:blur(34px);opacity:.45;position:absolute;inset:8% 6% -10%}@supports (animation-timeline:view()){.project-reveal{animation:linear both project-rise;animation-timeline:view();animation-range:entry entry 55%}}.project-steps{border:1px solid var(--glass-border);background:var(--glass-bg);-webkit-backdrop-filter:blur(var(--glass-blur)) saturate(1.3);backdrop-filter:blur(var(--glass-blur)) saturate(1.3);box-shadow:var(--glass-shadow);border-radius:28px;margin-top:clamp(28px,3.4vw,48px);padding:clamp(22px,3vw,44px)}.project-steps-head h2{letter-spacing:-.04em;margin:0;font-size:clamp(1.7rem,2.8vw,2.4rem);font-weight:950;line-height:1.05}.project-steps-head p{color:var(--muted);margin:8px 0 0}.project-steps-list{--node:52px;gap:22px;margin:clamp(22px,2.6vw,34px) 0 0;padding:0;list-style:none;display:grid;position:relative}.project-steps-list:before,.project-steps-list:after{content:"";pointer-events:none;border-radius:999px;position:absolute}.project-steps-list:before{background:var(--glass-border)}.project-steps-list:after{background:linear-gradient(var(--rail-direction,180deg), var(--brand-magenta), var(--brand-purple), var(--brand-sky), var(--brand-green))}.project-steps-list:before,.project-steps-list:after{top:calc(var(--node) / 2);bottom:calc(var(--node) / 2);left:calc(var(--node) / 2 - 2px);width:4px}.project-steps-list:after{transform-origin:top}.project-step{grid-template-columns:var(--node) minmax(0, 1fr);align-content:start;align-items:start;column-gap:16px;display:grid;position:relative}.project-step h3{letter-spacing:-.025em;grid-column:2;margin:12px 0 0;font-size:clamp(1.1rem,1.5vw,1.3rem);font-weight:900;line-height:1.2}.project-step p{color:var(--muted);grid-column:2;margin:6px 0 0;line-height:1.6}.project-step-node{z-index:1;width:var(--node);height:var(--node);background:var(--step-tone,var(--brand-magenta));color:#fff;letter-spacing:.04em;box-shadow:0 0 0 6px color-mix(in oklab, var(--step-tone,var(--brand-magenta)) 18%, transparent), 0 10px 24px color-mix(in oklab, var(--step-tone,var(--brand-magenta)) 35%, transparent);border-radius:50%;grid-row:1/span 2;place-items:center;font-size:.9rem;font-weight:950;display:grid;position:relative}.project-step:nth-child(4n+2){--step-tone:var(--brand-purple)}.project-step:nth-child(4n+3){--step-tone:var(--brand-sky)}.project-step:nth-child(4n+4){--step-tone:var(--brand-green-deep)}@media (min-width:900px){.project-steps-list{grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;gap:clamp(18px,2vw,28px)}.project-steps-list:before,.project-steps-list:after{top:calc(var(--node) / 2 - 2px);bottom:auto;left:calc(var(--node) / 2);right:calc(var(--node) / 2);width:auto;height:4px}.project-steps-list:after{--rail-direction:90deg;transform-origin:0}.project-step{grid-template-columns:minmax(0,1fr)}.project-step-node{grid-row:auto}.project-step h3,.project-step p{grid-column:1}.project-step h3{margin-top:18px}}@supports (animation-timeline:view()){.project-steps-list:after{animation:linear both project-fill-down;animation-timeline:view();animation-range:entry 20% cover 55%}.project-step-node{animation:linear both project-pop;animation-timeline:view();animation-range:entry 30% entry 90%}.project-step h3,.project-step p{animation:linear both project-rise;animation-timeline:view();animation-range:entry 25%}@media (min-width:900px){.project-steps-list:after{animation-name:project-fill}}}.project-gallery .about-gallery-head{margin-bottom:18px}.project-gallery .portfolio-grid{grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:clamp(10px,1.4vw,16px)}.project-gallery .portfolio-item{aspect-ratio:16/10;background:radial-gradient(80% 70% at 50% 60%, color-mix(in oklab, var(--brand-purple) 10%, transparent), transparent 75%), var(--surface-raised)}.project-gallery .portfolio-item img{object-fit:contain}@media (prefers-reduced-motion:reduce){.project-hero .about-hero-text>*,.project-hero-image img,.project-hero-ring,.project-reveal,.project-steps-list:after,.project-step-node,.project-step h3,.project-step p{animation:none!important}}