:root{--projects-ink:#f4f4ef;--projects-muted:rgba(244,244,239,0.64);--projects-line:rgba(255,255,255,0.14);--projects-panel:#111312}.projects-page,
.home-projects{color:var(--projects-ink);overflow:clip}.projects-page{position:relative;padding-top:clamp(3.5rem,8vw,7rem);padding-bottom:clamp(4rem,8vw,8rem)}.projects-page:not(.projects-page--detail){--project-accent:#ff9f0a;overflow:visible}.projects-breadcrumbs{position:relative;z-index:4;margin-bottom:clamp(1.5rem,3vw,2.5rem)}.projects-hero h1,
.projects-hero__stats strong,
.project-section-heading h2,
.project-detail h1,
.project-detail h2,
.project-card h3{font-family:PPNeueMachina,system-ui,sans-serif}.projects-hero{position:relative;z-index:3;isolation:isolate;max-width:1080px;margin-bottom:clamp(4rem,10vw,8rem)}.projects-hero>*{position:relative;z-index:1}.projects-hero__trail{position:absolute;z-index:2;top:5.5rem;left:calc((100vw - 100%) / -2);width:100vw;height:80rem;overflow:hidden;pointer-events:none}.projects-hero__trail-definitions{position:absolute}.projects-hero__footprint{--footprint-angle:0deg;position:absolute;width:clamp(1.75rem,2.8vw,2.35rem);height:auto;overflow:visible;opacity:0;color:#ff9f0a;fill:currentColor;filter:drop-shadow(0 0 12px color-mix(in srgb,currentColor 12%,transparent));transform:rotate(calc(180deg + var(--footprint-angle)));transform-origin:center;animation:projects-footprint-step 8.4s cubic-bezier(.22,.7,.2,1) infinite}.projects-hero__footprint--1{--footprint-angle:0deg;top:0;left:48.32%}.projects-hero__footprint--2{--footprint-angle:0deg;top:6.8125rem;left:44.36%;color:#ff375f;animation-delay:0.6s}.projects-hero__footprint--3{--footprint-angle:-3deg;top:13.625rem;left:48.32%;color:#bf5af2;animation-delay:1.2s}.projects-hero__footprint--4{--footprint-angle:-8deg;top:20.6875rem;left:45.12%;color:#ff9f0a;animation-delay:1.8s}.projects-hero__footprint--5{--footprint-angle:-13deg;top:26.8125rem;left:50.51%;color:#ff375f;animation-delay:2.4s}.projects-hero__footprint--6{--footprint-angle:-18deg;top:34.1875rem;left:48.87%;color:#bf5af2;animation-delay:3s}.projects-hero__footprint--7{--footprint-angle:-25deg;top:39.5rem;left:55.51%;color:#ff9f0a;animation-delay:3.6s}.projects-hero__footprint--8{--footprint-angle:-30deg;top:47rem;left:56.32%;color:#ff375f;animation-delay:4.2s}.projects-hero__footprint--9{--footprint-angle:-38deg;top:51.3125rem;left:64.02%;color:#bf5af2;animation-delay:4.8s}.projects-hero__footprint--10{--footprint-angle:-43deg;top:58.375rem;left:67.23%;color:#ff9f0a;animation-delay:5.4s}.projects-hero__footprint--11{--footprint-angle:-52deg;top:61.5625rem;left:75.7%;color:#ff375f;animation-delay:6s}.projects-hero__footprint--12{--footprint-angle:-60deg;top:67.3125rem;left:81.72%;color:#bf5af2;animation-delay:6.6s}.projects-hero__footprint--13{--footprint-angle:-70deg;top:68.625rem;left:90.98%;color:#ff9f0a;animation-delay:7.2s}.projects-hero__footprint--14{--footprint-angle:-70deg;top:72.375rem;left:99.08%;color:#ff375f;animation-delay:7.8s}.projects-hero__eyebrow,
.project-section-label,
.project-detail__kicker,
.project-card__eyebrow{color:var(--project-accent,#b8ff3d);font-size:0.72rem;font-weight:700;letter-spacing:0.14em;line-height:1.4;text-transform:uppercase}.projects-hero h1{max-width:1000px;margin:0.8rem 0 1.5rem;color:#f5f5f7;font-size:clamp(3.2rem,8vw,7rem);font-weight:800;letter-spacing:-0.045em;line-height:0.92}.projects-hero h1 span{display:inline-block;background:linear-gradient(105deg,#ff9f0a 0%,#ff375f 34%,#bf5af2 66%,#ff9f0a 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px rgba(255,55,95,0.14));animation:projects-title-shimmer 8s ease-in-out infinite}.projects-hero>p:not(.projects-hero__eyebrow){max-width:720px;color:var(--projects-muted);font-size:clamp(1rem,2vw,1.3rem);line-height:1.7}.projects-hero__stats{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:0.8rem;max-width:840px;margin-top:clamp(1.8rem,4vw,2.6rem);position:relative;padding-top:0.1rem}.projects-hero__stats .projects-hero__stat{position:relative;min-height:7rem;display:grid;align-content:center;justify-items:start;gap:0.36rem;padding:1.05rem 1rem;border:1px solid color-mix(in srgb,var(--stat-color) 32%,transparent);border-radius:1rem;background:radial-gradient(120% 130% at 0% 0%,color-mix(in srgb,var(--stat-color) 26%,transparent),transparent 55%),linear-gradient(150deg,rgba(17,19,18,0.96),rgba(17,19,18,0.55));overflow:hidden;isolation:isolate;transform:translateY(12px) scale(0.985);opacity:0;box-shadow:0 14px 28px -20px color-mix(in srgb,var(--stat-color) 24%,transparent);animation:projects-stat-reveal 0.85s cubic-bezier(0.2,0.78,0.2,1) forwards;animation-delay:var(--stat-delay,0s)}.projects-hero__stats .projects-hero__stat::before{content:"";position:absolute;inset:0;border-radius:inherit;background:linear-gradient(115deg,color-mix(in srgb,var(--stat-color) 18%,transparent),transparent 50%);opacity:0.25;transform:translateX(-85%) skewX(-12deg);animation:projects-stat-shine 2.2s cubic-bezier(0.25,0.46,0.45,0.94) infinite;pointer-events:none;z-index:-1}.projects-hero__stats .projects-hero__stat::after{content:"";position:absolute;inset:1px;border-radius:calc(1rem - 1px);border:1px solid color-mix(in srgb,var(--stat-color) 42%,transparent);opacity:0.45;z-index:-1;pointer-events:none}.projects-hero__stats .projects-hero__stat strong{display:block;color:color-mix(in srgb,var(--stat-color) 92%,var(--projects-ink) 8%);font-size:clamp(1.9rem,4vw,2.85rem);font-weight:800;line-height:1;text-shadow:0 6px 22px color-mix(in srgb,var(--stat-color) 28%,transparent)}.projects-hero__stats .projects-hero__stat span{color:color-mix(in srgb,var(--projects-muted) 20%,var(--stat-color) 80%);font-size:0.8rem;letter-spacing:0.08em;text-transform:uppercase;font-weight:700;line-height:1.3}.projects-hero__stat--catalog{--stat-color:#ff9f0a;--stat-delay:0.05s}.projects-hero__stat--work{--stat-color:#ff375f;--stat-delay:0.2s}.projects-hero__stat--history{--stat-color:#bf5af2;--stat-delay:0.35s}@keyframes projects-stat-reveal{0%{transform:translateY(18px) scale(0.98);opacity:0;filter:saturate(0.7)}40%{opacity:0.75;filter:saturate(1)}100%{transform:translateY(0) scale(1);opacity:1;filter:saturate(1.15)}}@keyframes projects-stat-shine{0%{transform:translateX(-84%) skewX(-12deg);opacity:0}12%{opacity:0.3}55%{opacity:0.08}100%{transform:translateX(140%) skewX(-12deg);opacity:0}}.projects-section,
.project-related{margin-top:clamp(4rem,9vw,8rem)}.project-section-heading{display:flex;align-items:end;justify-content:space-between;gap:2rem;margin-bottom:2rem}.project-section-heading h2,
.project-detail h2{margin:0.35rem 0 0;font-size:clamp(2rem,4.5vw,3.5rem);font-weight:800;letter-spacing:-0.035em;line-height:1.05}.project-section-heading>p{max-width:440px;margin:0;color:var(--projects-muted);line-height:1.6}.project-section-heading>a{color:var(--projects-ink);text-underline-offset:0.35em}.project-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:clamp(1rem,2vw,1.5rem)}.project-card{display:flex;min-width:0;flex-direction:column;overflow:hidden;border:1px solid var(--projects-line);border-radius:1.25rem;background:var(--projects-panel);transition:border-color 180ms ease,transform 180ms ease}.project-card:hover{border-color:color-mix(in srgb,var(--project-accent) 60%,transparent);transform:translateY(-4px)}.project-card__visual{position:relative;display:block;aspect-ratio:3 / 2;overflow:hidden;background:radial-gradient(circle at 70% 20%,color-mix(in srgb,var(--project-accent) 35%,transparent),transparent 45%),#070807}.project-card__visual img{width:100%;height:100%;object-fit:cover;transition:transform 500ms cubic-bezier(.2,.7,.2,1)}.project-card:hover .project-card__visual img{transform:scale(1.035)}.project-card__placeholder{display:grid;width:100%;height:100%;place-items:center;color:var(--project-accent);font-size:4rem}.project-card__status,
.project-detail__status{border:1px solid color-mix(in srgb,var(--project-accent) 50%,transparent);border-radius:999px;background:rgba(5,7,6,0.82);color:var(--project-accent);font-size:0.72rem;font-weight:700;letter-spacing:0.05em;line-height:1;text-transform:uppercase}.project-card__status{position:absolute;top:1rem;right:1rem;padding:0.65rem 0.75rem;backdrop-filter:blur(12px)}.project-card__body{display:flex;flex:1;flex-direction:column;padding:clamp(1.15rem,3vw,1.6rem)}.project-card__identity{display:flex;align-items:center;gap:0.85rem}.project-card__logo{flex:0 0 auto;border-radius:0.85rem;object-fit:cover}.project-card__eyebrow{margin:0 0 0.25rem;color:var(--projects-muted);font-size:0.62rem}.project-card h3{margin:0;font-size:clamp(1.45rem,3vw,2rem);font-weight:400;letter-spacing:-0.025em}.project-card h3 a{color:var(--projects-ink);text-decoration:none}.project-card__tagline{margin:1.4rem 0 0.55rem;font-size:1.08rem;line-height:1.35}.project-card__excerpt{margin:0;color:var(--projects-muted);font-size:0.9rem;line-height:1.65}.project-tags{display:flex;flex-wrap:wrap;gap:0.45rem;margin:1.25rem 0 0;padding:0;list-style:none}.project-tags li{padding:0.42rem 0.65rem;border:1px solid var(--projects-line);border-radius:999px;color:var(--projects-muted);font-size:0.7rem;line-height:1}.project-card__actions{display:flex;flex-wrap:wrap;gap:0.65rem;margin-top:auto;padding-top:1.6rem}.project-link,
.project-button{display:inline-flex;min-height:44px;align-items:center;justify-content:center;border-radius:999px;font-weight:600;text-decoration:none}.project-link{padding:0.65rem 0.9rem;font-size:0.78rem}.project-link--primary{background:var(--project-accent);color:#080a08}.project-link--external{border:1px solid var(--projects-line);color:var(--projects-ink)}.projects-section--history .project-card__visual img{filter:saturate(0.45)}.project-detail__hero{display:grid;grid-template-columns:minmax(0,0.85fr) minmax(0,1.15fr);align-items:center;gap:clamp(2rem,6vw,6rem);min-height:min(760px,78vh)}.project-detail__meta{display:flex;flex-wrap:wrap;align-items:center;gap:0.8rem;margin-bottom:2rem;color:var(--projects-muted);font-size:0.78rem}.project-detail__status{padding:0.65rem 0.8rem}.project-detail h1{margin:0.6rem 0 1rem;font-size:clamp(3.4rem,9vw,7rem);font-weight:800;letter-spacing:-0.05em;line-height:0.92;background:linear-gradient( 105deg,var(--project-accent) 0%,color-mix(in srgb,var(--project-accent) 70%,#f5f5f7) 45%,#f5f5f7 68%,var(--project-accent) 100% );background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 28px color-mix(in srgb,var(--project-accent) 18%,transparent));animation:projects-title-shimmer 8s ease-in-out infinite}.project-detail__tagline{max-width:650px;margin:0;font-size:clamp(1.35rem,3vw,2.25rem);letter-spacing:-0.025em;line-height:1.15}.project-detail__lead{max-width:620px;margin:1.5rem 0 0;color:var(--projects-muted);line-height:1.7}.project-detail__actions{display:flex;flex-wrap:wrap;gap:0.75rem;margin-top:2rem}.project-button{padding:0.8rem 1.2rem}.project-button--accent{background:var(--project-accent);color:#080a08}.project-button--ghost{border:1px solid var(--projects-line);color:var(--projects-ink)}.project-detail__cover{position:relative;overflow:hidden;margin:0;border:1px solid var(--projects-line);border-radius:clamp(1.25rem,3vw,2.5rem);background:#080a08;box-shadow:0 0 90px color-mix(in srgb,var(--project-accent) 16%,transparent)}.project-detail__cover img{display:block;width:100%;height:auto;aspect-ratio:3 / 2;object-fit:cover}.project-detail__content{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(280px,0.65fr);gap:clamp(2rem,7vw,7rem);margin-top:clamp(5rem,12vw,11rem)}.project-detail__geo-summary{margin:2rem 0;font-size:clamp(1.25rem,2.5vw,1.8rem);line-height:1.45}.project-richtext{color:var(--projects-muted);font-size:1.02rem;line-height:1.8}.project-richtext p:last-child{margin-bottom:0}.project-detail__facts{align-self:start;padding:clamp(1.25rem,3vw,2rem);border:1px solid var(--projects-line);border-radius:1.25rem;background:var(--projects-panel)}.project-detail__logo{margin-bottom:1.5rem;border-radius:1rem;object-fit:cover}.project-detail__facts dl,
.project-detail__facts dd{margin:0}.project-detail__facts dl>div{display:grid;grid-template-columns:0.75fr 1.25fr;gap:1rem;padding:0.85rem 0;border-top:1px solid var(--projects-line)}.project-detail__facts dt{color:var(--projects-muted);font-size:0.78rem;font-weight:400}.project-detail__facts dd{text-align:right;overflow-wrap:anywhere}.project-detail__technologies,
.project-detail__faq{margin-top:clamp(5rem,11vw,10rem)}.project-tags--large{gap:0.7rem;margin-top:2rem}.project-tags--large li{padding:0.7rem 0.9rem;color:var(--projects-ink);font-size:0.9rem}.project-faq-list{max-width:920px;margin-top:2rem;border-top:1px solid var(--projects-line)}.project-faq-list details{border-bottom:1px solid var(--projects-line)}.project-faq-list summary{min-height:56px;padding:1.25rem 2.25rem 1.25rem 0;cursor:pointer;font-size:clamp(1rem,2vw,1.25rem)}.project-faq-list p{max-width:760px;margin:0;padding:0 0 1.5rem;color:var(--projects-muted);line-height:1.7}.home-projects{--home-projects-accent:#ff9f0a;padding:clamp(4rem,9vw,8rem) 0}.home-projects .project-section-label{color:var(--home-projects-accent)}.home-projects__intro{max-width:760px}.home-projects__intro h2{margin:0.5rem 0 1rem;font-family:PPNeueMachina,system-ui,sans-serif;font-size:clamp(2.4rem,5.6vw,4.8rem);font-weight:800;letter-spacing:-0.045em;line-height:0.98;background:linear-gradient(105deg,#ff9f0a 0%,#ff375f 34%,#bf5af2 66%,#ff9f0a 100%);background-size:240% 100%;-webkit-background-clip:text;background-clip:text;-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 24px rgba(255,55,95,0.16));animation:projects-title-shimmer 8s ease-in-out infinite}@keyframes projects-title-shimmer{0%,100%{background-position:100% 0}50%{background-position:0% 0}}@keyframes projects-footprint-step{0%,3%{opacity:0;transform:rotate(calc(180deg + var(--footprint-angle))) translateY(-10px) scale(0.9)}5%,22%{opacity:0.18;transform:rotate(calc(180deg + var(--footprint-angle))) translateY(0) scale(1)}40%,100%{opacity:0;transform:rotate(calc(180deg + var(--footprint-angle))) translateY(8px) scale(1.03)}}.home-projects__intro>p:last-child{color:var(--projects-muted);line-height:1.7}.home-projects .project-grid{margin-top:2.5rem}.home-projects__footer{display:flex;justify-content:center;margin-top:2rem}.project-link:focus-visible,
.project-button:focus-visible,
.project-card a:focus-visible,
.project-faq-list summary:focus-visible{outline:3px solid var(--project-accent,#b8ff3d);outline-offset:4px}@media (max-width:991px){.project-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-detail__hero{grid-template-columns:1fr;min-height:auto}.project-detail__cover{order:-1}.project-detail__content{grid-template-columns:1fr}}@media (max-width:767px){.projects-page{padding-top:6rem}.projects-hero__trail{top:5.5rem;height:80rem}.projects-hero__footprint{width:clamp(1.55rem,8vw,2rem)}.projects-hero h1{font-size:clamp(3rem,14vw,4.5rem)}.projects-hero__stats{grid-template-columns:1fr}.project-section-heading{align-items:start;flex-direction:column;gap:0.8rem}.project-grid{grid-template-columns:1fr}.project-card:hover{transform:none}.project-card__actions,.project-detail__actions{align-items:stretch;flex-direction:column}.project-link,.project-button{width:100%}.project-detail h1{font-size:clamp(3rem,16vw,5rem)}}@media (prefers-reduced-motion:reduce){.projects-hero h1 span,.projects-hero__stat,.projects-hero__stat::before,.project-detail h1,.home-projects__intro h2{animation:none;transform:translateY(0) scale(1);opacity:1}.projects-hero__footprint{opacity:0;transform:rotate(calc(180deg + var(--footprint-angle)));animation:none}.projects-hero__footprint--1,.projects-hero__footprint--4,.projects-hero__footprint--6,.projects-hero__footprint--9,.projects-hero__footprint--12{opacity:0.1}.project-card,.project-card__visual img{transition:none}}