.tint--sky{--t: var(--tint-sky);--t-deep: var(--tint-sky-deep);--t-accent: var(--accent-sky)}.tint--lilac{--t: var(--tint-lilac);--t-deep: var(--tint-lilac-deep);--t-accent: var(--accent-lilac)}.tint--mint{--t: var(--tint-mint);--t-deep: var(--tint-mint-deep);--t-accent: var(--accent-mint)}.tint--blush{--t: var(--tint-blush);--t-deep: var(--tint-blush-deep);--t-accent: var(--accent-blush)}.tint--lavender{--t: var(--tint-lavender);--t-deep: var(--tint-lavender-deep);--t-accent: var(--accent-lavender)}.tint--teal{--t: var(--tint-teal);--t-deep: var(--tint-teal-deep);--t-accent: var(--accent-teal)}.projects-hero{background:radial-gradient(60% 50% at 0% 60%,rgba(var(--glow-blue),.08),transparent 70%),radial-gradient(50% 45% at 100% 35%,rgba(var(--glow-peach),.1),transparent 70%),radial-gradient(40% 30% at 50% 0%,rgba(230,218,245,.25),transparent 70%),var(--white)}.projects-hero__container{padding-top:calc(80px + var(--sp-60));padding-bottom:var(--sp-48);display:flex;flex-direction:column;align-items:center;gap:var(--sp-48)}.projects-hero__text{display:flex;flex-direction:column;align-items:center;gap:var(--sp-20);text-align:center}.projects-hero__text p{max-width:480px}.projects-stats{margin:0;display:flex;gap:var(--sp-48)}.projects-stats>div{display:flex;flex-direction:column-reverse;align-items:center;gap:var(--sp-4);padding-inline:var(--sp-24)}.projects-stats>div+div{border-left:1px solid var(--border)}.projects-stats dd{margin:0;font-size:var(--fs-h2);font-weight:var(--fw-medium);line-height:var(--lh-tight);letter-spacing:-1.5px;color:var(--ink);font-variant-numeric:tabular-nums}.projects-stats dt{font-size:var(--fs-small);color:var(--ink-3)}.pfilter{position:sticky;top:84px;z-index:50;display:flex;justify-content:center;padding:0 var(--container-pad-x)}.pfilter__inner{display:flex;gap:var(--sp-4);max-width:100%;padding:var(--sp-6);overflow-x:auto;scrollbar-width:none;border-radius:var(--r-pill);background:#ffffffc7;box-shadow:var(--shadow-float);backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pfilter__inner::-webkit-scrollbar{display:none}.pchip{flex:none;display:inline-flex;align-items:center;gap:var(--sp-8);height:40px;padding:0 var(--sp-14);border-radius:var(--r-pill);font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--ink-2);white-space:nowrap;transition:background-color .3s,color .3s,transform .2s var(--ease-out-quad)}.pchip:hover{background:var(--surface-soft);color:var(--ink)}.pchip:active{transform:scale(.96)}.pchip.is-on{background:var(--ink);color:var(--white)}.pchip__dot{width:10px;height:10px;flex:none;border-radius:var(--r-round);background:var(--t-accent)}.pchip__count{min-width:22px;padding:0 var(--sp-6);border-radius:var(--r-pill);text-align:center;font-size:var(--fs-micro);line-height:20px;background:#0000000f}.pchip.is-on .pchip__count{background:#fff3}.pchip--surprise{color:var(--ink)}.pchip--surprise svg{width:18px;height:18px;stroke-width:1.6;transition:transform var(--dur-hover) var(--ease-out-quad)}.pchip--surprise:hover svg{transform:rotate(-20deg) scale(1.1)}.tl-container{padding-top:var(--sp-24)}.tl{--p: 0;position:relative;max-width:var(--content-max);margin:0 auto;padding-bottom:var(--sp-60)}.tl__spine{position:absolute;top:var(--sp-60);bottom:0;left:50%;width:2px;translate:-50% 0;border-radius:2px;background:var(--border)}.tl__fill{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:inherit;transform-origin:top;transform:scaleY(var(--p));background:linear-gradient(180deg,var(--brand-1),var(--brand-2))}.tl__head{position:absolute;left:50%;top:calc(var(--p) * 100%);width:14px;height:14px;translate:-50% -50%;border-radius:var(--r-round);background:var(--white);border:2px solid var(--brand-1);box-shadow:0 0 0 5px rgba(var(--glow-blue),.15),0 0 24px rgba(var(--glow-peach),.6)}.tl__year{position:relative;display:flex;flex-direction:column;gap:var(--sp-32);padding-top:var(--sp-60)}.tl__year-label{position:relative;z-index:2;align-self:center;display:inline-flex;align-items:baseline;gap:var(--sp-10);padding:var(--sp-8) var(--sp-20);border-radius:var(--r-pill);background:var(--white);box-shadow:var(--shadow-float);font-size:var(--fs-medium);letter-spacing:-1px;transition:opacity var(--dur-hover)}.tl__year-count{font-size:var(--fs-small);font-weight:var(--fw-regular);letter-spacing:0;color:var(--ink-3)}.tl__year.is-dim .tl__year-label{opacity:.4}.tl__list{display:flex;flex-direction:column;gap:var(--sp-32)}.tl__item{position:relative;display:grid;grid-template-columns:1fr 96px 1fr;align-items:center}.tl__node{grid-column:2;grid-row:1;justify-self:center;position:relative;z-index:2;display:grid;place-items:center;width:52px;height:52px;border-radius:var(--r-round);background:var(--white);color:var(--ink-3);box-shadow:var(--shadow-logo);transition:background-color var(--dur-hover),color var(--dur-hover),transform var(--dur-hover) var(--ease-out-quad),opacity var(--dur-hover)}.tl__node svg{width:22px;height:22px;stroke-width:1.6}.tl__node.is-lit{background:var(--t-deep);color:var(--ink);box-shadow:0 0 0 4px var(--white),0 0 0 5px rgba(var(--glow-blue),.3),var(--shadow-logo)}.tl__item:has(.pcard:hover) .tl__node,.tl__item:has(.pcard:focus-visible) .tl__node{transform:scale(1.12)}.tl__branch{position:absolute;top:50%;width:48px;border-top:1.5px dashed rgba(149,128,214,.4)}.tl__item.is-left .tl__branch{right:50%}.tl__item.is-right .tl__branch{left:50%}.tl__item.is-left .pcard{grid-column:1;grid-row:1}.tl__item.is-right .pcard{grid-column:3;grid-row:1}.pcard{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;gap:var(--sp-12);padding:var(--sp-24);border-radius:var(--r-20);background:var(--white);box-shadow:var(--shadow-card);transition:transform var(--dur-hover) var(--ease-out-quad),box-shadow var(--dur-hover),opacity var(--dur-hover),filter var(--dur-hover)}.pcard:before{content:"";position:absolute;top:0;right:0;bottom:45%;left:0;z-index:-1;background:linear-gradient(180deg,var(--t),transparent)}.pcard:hover{transform:translateY(-4px);box-shadow:var(--shadow-card),0 0 0 1px rgba(var(--glow-blue),.18)}.pcard:active{transform:scale(.98)}.pcard--flagship{border:1px solid transparent;background:linear-gradient(var(--white),var(--white)) padding-box,var(--brand-gradient) border-box}.pcard__top{display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12)}.pcard__cat{display:inline-flex;align-items:center;gap:var(--sp-6);padding:var(--sp-4) var(--sp-10) var(--sp-4) var(--sp-8);border-radius:var(--r-pill);background:#fffc;font-size:var(--fs-xsmall);font-weight:var(--fw-medium);color:var(--ink)}.pcard__date{font-size:var(--fs-xsmall);color:var(--ink-3);white-space:nowrap}.pcard__flag{align-self:flex-start}.pcard__title{font-size:var(--fs-medium-small);line-height:var(--lh-relaxed)}.pcard__summary{font-size:var(--fs-body);display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.pcard__foot{margin-top:var(--sp-4);padding-top:var(--sp-14);display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);border-top:1px solid var(--border)}.pcard__logos{display:flex;align-items:center;gap:var(--sp-6);min-width:0}.pcard__logo{display:grid;place-items:center;width:30px;height:30px;border-radius:var(--r-round);background:var(--surface-soft)}.pcard__more{font-size:var(--fs-xsmall);color:var(--ink-3)}.pcard__open{display:inline-flex;align-items:center;gap:var(--sp-6);font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--ink);white-space:nowrap}.pcard__open .diag,.pcard__open svg{width:16px;height:16px}.tl__item.is-dim .pcard{opacity:.28;filter:grayscale(1);transform:scale(.97);pointer-events:none;box-shadow:none}.tl__item.is-dim .tl__node{opacity:.35}html.has-dialog{overflow:hidden}.pd{position:fixed;inset:12px 12px 12px auto;margin:0;padding:0;border:0;width:min(var(--sheet-w),calc(100vw - 24px));max-width:none;height:calc(100dvh - 24px);max-height:none;border-radius:var(--r-24);background:var(--white);color:var(--black);box-shadow:var(--shadow-sheet);overflow:hidden}.pd:focus-visible{outline:none}.pd[open]{animation:pd-in .5s var(--ease-out-quad)}.pd.is-closing{animation:pd-out .26s ease-in forwards}.pd::backdrop{background:var(--scrim);backdrop-filter:blur(6px);-webkit-backdrop-filter:blur(6px);animation:pd-fade .3s ease-out}.pd.is-closing::backdrop{animation:pd-fade .26s ease-in reverse forwards}@keyframes pd-in{0%{opacity:0;transform:translate(48px)}}@keyframes pd-out{to{opacity:0;transform:translate(48px)}}@keyframes pd-fade{0%{opacity:0}}@keyframes pd-rise{0%{opacity:0;transform:translateY(14px)}}@keyframes pd-lit{to{background:var(--brand-gradient);color:var(--white);border-color:transparent}}.pd__sheet{height:100%;overflow-y:auto;overscroll-behavior:contain;display:flex;flex-direction:column}.pd__close{position:absolute;top:var(--sp-16);right:var(--sp-16);z-index:5;display:grid;place-items:center;width:44px;height:44px;border-radius:var(--r-round);background:#ffffffd9;color:var(--ink);box-shadow:var(--shadow-float);transition:transform var(--dur-hover) var(--ease-out-quad)}.pd__close:hover{transform:rotate(90deg)}.pd__close:active{transform:scale(.92)}.pd__close svg{width:20px;height:20px}.pd__content{flex:1;display:flex;flex-direction:column;gap:var(--sp-32);padding:0 var(--sp-32) var(--sp-32);animation:pd-rise .5s var(--ease-out-quad)}.pd__cover{margin:0 calc(var(--sp-32) * -1);padding:var(--sp-42) var(--sp-32) var(--sp-32);display:flex;flex-direction:column;gap:var(--sp-14);background:radial-gradient(70% 90% at 100% 0%,rgba(var(--glow-peach),.16),transparent 60%),radial-gradient(60% 80% at 0% 100%,rgba(var(--glow-blue),.12),transparent 60%),var(--t)}.pd__icon{display:grid;place-items:center;width:64px;height:64px;border-radius:var(--r-16);background:var(--white);color:var(--ink);box-shadow:var(--shadow-logo)}.pd__icon svg{width:30px;height:30px;stroke-width:1.5}.pd__tags{display:flex;flex-wrap:wrap;align-items:center;gap:var(--sp-8)}.pd__cover h2{font-size:var(--fs-large);letter-spacing:-1px;padding-right:var(--sp-32)}.pd__summary{font-size:var(--fs-regular);max-width:560px}.pd__facts{margin:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:var(--sp-12)}.pd__facts>div{padding:var(--sp-12) var(--sp-16);border:1px solid var(--border);border-radius:var(--r-16)}.pd__facts dt{font-size:var(--fs-xsmall);color:var(--ink-3)}.pd__facts dd{margin:0;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--ink)}.pd__block{display:flex;flex-direction:column;gap:var(--sp-16)}.pd__block h3{display:flex;align-items:center;gap:var(--sp-8);font-size:var(--fs-regular)}.pd__block h3 svg{width:20px;height:20px;color:var(--brand-1);stroke-width:1.8}.pd__challenge{padding:var(--sp-20);border-radius:var(--r-20);background:var(--surface-soft)}.pd__built{display:grid;grid-template-columns:1fr 1fr;gap:var(--sp-12)}.pd__built li{display:flex;gap:var(--sp-12);padding:var(--sp-16);border:1px solid var(--border);border-radius:var(--r-16);animation:pd-rise .5s var(--ease-out-quad) both;animation-delay:calc(var(--i) * 60ms + .15s)}.pd__check{display:grid;place-items:center;width:26px;height:26px;flex:none;border-radius:var(--r-round);background:var(--t-deep);color:var(--t-accent)}.pd__check svg{width:14px;height:14px;stroke-width:2.5}.pd__built-title{display:block;font-size:var(--fs-body);font-weight:var(--fw-medium);color:var(--ink);line-height:var(--lh-relaxed)}.pd__built-text{display:block;margin-top:2px;font-size:var(--fs-small);color:var(--ink-3);line-height:var(--lh-loose)}.pd__flow li{position:relative;display:flex;align-items:center;gap:var(--sp-16);padding-block:var(--sp-8);color:var(--ink-2)}.pd__flow li+li:before{content:"";position:absolute;left:18px;bottom:calc(50% + 18px);height:calc(100% - 36px);border-left:1.5px dashed rgba(149,128,214,.45)}.pd__flow-n{display:grid;place-items:center;width:38px;height:38px;flex:none;border-radius:var(--r-round);border:1px solid var(--border);background:var(--white);font-size:var(--fs-xsmall);color:var(--ink);animation:pd-lit .4s var(--ease-out-quad) forwards;animation-delay:calc(var(--i) * .28s + .4s)}.pd__wins{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--sp-12)}.pd__wins li{display:flex;flex-direction:column;gap:var(--sp-10);padding:var(--sp-16);border-radius:var(--r-16);background:var(--brand-gradient-faint);font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--ink);line-height:var(--lh-relaxed)}.pd__wins svg{width:18px;height:18px;color:var(--brand-2);stroke-width:1.6}.pd__quote{margin:0;padding-left:var(--sp-20);border-left:2px solid var(--brand-1)}.pd__quote blockquote{margin:0}.pd__quote p{font-size:var(--fs-regular);font-weight:var(--fw-medium);color:var(--ink);line-height:var(--lh-relaxed)}.pd__quote figcaption{margin-top:var(--sp-8);font-size:var(--fs-small);color:var(--ink-3)}.pd__rel{width:100%;display:flex;align-items:center;gap:var(--sp-14);padding:var(--sp-14) var(--sp-16);text-align:left;border-radius:var(--r-16);background:var(--t);transition:transform .2s var(--ease-out-quad),box-shadow var(--dur-hover)}.pd__rel:hover{box-shadow:0 0 0 1px rgba(var(--glow-blue),.25)}.pd__rel:active{transform:scale(.98)}.pd__rel-icon{display:grid;place-items:center;width:44px;height:44px;flex:none;border-radius:var(--r-12);background:var(--white);color:var(--ink);box-shadow:var(--shadow-logo)}.pd__rel-icon svg{width:22px;height:22px;stroke-width:1.6}.pd__rel-text{flex:1;min-width:0}.pd__rel .diag,.pd__rel .diag svg{width:18px;height:18px;flex:none;color:var(--ink)}.pd__tech{display:flex;flex-wrap:wrap;gap:var(--sp-8)}.pd__tech li{display:inline-flex;align-items:center;gap:var(--sp-6);padding:var(--sp-6) var(--sp-12);border-radius:var(--r-pill);background:var(--surface-footer-pill);font-size:var(--fs-small);color:var(--ink-2)}.pd__cta{display:flex;justify-content:center;padding-top:var(--sp-8)}.pd__nav{position:sticky;bottom:0;z-index:4;display:flex;align-items:center;justify-content:space-between;gap:var(--sp-12);padding:var(--sp-10) var(--sp-16);border-top:1px solid var(--border-soft);background:#ffffffe0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px)}.pd__step{min-width:0;display:inline-flex;align-items:center;gap:var(--sp-10);padding:var(--sp-8) var(--sp-14);border-radius:var(--r-pill);text-align:left;transition:background-color .3s,transform .2s var(--ease-out-quad)}.pd__step:hover{background:var(--surface-soft)}.pd__step:active{transform:scale(.97)}.pd__step svg{width:18px;height:18px;flex:none;color:var(--ink)}.pd__step>span{min-width:0}.pd__step--next{text-align:right}.pd__step-label{display:block;font-size:var(--fs-micro);color:var(--ink-3)}.pd__step-name{display:block;font-size:var(--fs-small);font-weight:var(--fw-medium);color:var(--ink);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pd__hint{font-size:var(--fs-xsmall);color:var(--ink-3)}@media (max-width: 991px){.tl__item{grid-template-columns:1fr 72px 1fr}.tl__branch{width:36px}.pcard{padding:var(--sp-20)}.pd__wins{grid-template-columns:1fr}.pd__wins li{flex-direction:row;align-items:center}}@media (max-width: 767px){.projects-hero__container{padding-top:calc(72px + var(--sp-42));gap:var(--sp-32)}.projects-stats{gap:0}.projects-stats>div{padding-inline:var(--sp-16)}.pfilter{top:76px;padding:0}.pfilter__inner{border-radius:0;width:100%}.tl__spine{left:26px;top:var(--sp-60)}.tl__year-label{align-self:flex-start}.tl__item{grid-template-columns:52px 1fr;-moz-column-gap:var(--sp-14);column-gap:var(--sp-14);align-items:start}.tl__item .tl__node{grid-column:1;margin-top:var(--sp-20)}.tl__item.is-left .pcard,.tl__item.is-right .pcard{grid-column:2}.tl__branch{display:none}.pcard{padding:var(--sp-16)}.pcard__top{flex-wrap:wrap}.pd{inset:auto 0 0 0;width:100%;height:92dvh;border-radius:var(--r-24) var(--r-24) 0 0}@keyframes pd-in{0%{opacity:0;transform:translateY(48px)}}@keyframes pd-out{to{opacity:0;transform:translateY(48px)}}.pd__content{padding:0 var(--sp-20) var(--sp-24);gap:var(--sp-24)}.pd__cover{margin:0 calc(var(--sp-20) * -1);padding:var(--sp-32) var(--sp-20) var(--sp-24)}.pd__built{grid-template-columns:1fr}.pd__hint{display:none}.pd__step{padding-inline:var(--sp-8)}}@media (max-width: 479px){.pcard__open-label{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.pcard__open{display:grid;place-items:center;width:32px;height:32px;border-radius:var(--r-round);background:var(--surface-soft)}.projects-stats dd{font-size:var(--fs-large)}.pd__facts{grid-template-columns:1fr 1fr}}@media (prefers-reduced-motion: reduce){.pd__flow-n{background:var(--brand-gradient);color:var(--white);border-color:transparent}}