main>.project-loop-timeline-spacer{width:100%;max-width:none;margin-inline:0;padding-block:0}.project-loop-timeline-spacer{z-index:0;background:#f7f7f5;border-block:1px solid #11111114;place-items:center;min-height:clamp(26rem,56vh,40rem);display:grid;position:relative;overflow:hidden}.project-loop-timeline-spacer__inner{width:min(calc(100% - var(--layout-margin) * 2), var(--layout-max-content))}.project-loop-timeline-spacer p{color:#11111185;font-size:clamp(.68rem,.78vw,.8rem);font-weight:var(--font-weight-bold);letter-spacing:.18em;text-transform:uppercase;line-height:1.2}.project-loop-timeline-spacer h1,.project-loop-timeline-spacer h2{max-width:11ch;margin-block-start:var(--space-4)}main>section.project-loop-timeline.project-loop-timeline:not(.hero-reveal){width:100%;max-width:none;margin-inline:0;padding:0}.project-loop-timeline{z-index:1;min-height:380vh;color:var(--color-text);isolation:isolate;--project-loop-accent:96 101 102;--project-loop-ink:20 20 18;--project-loop-muted:20 20 18;background:radial-gradient(circle at 74% 24%,#969a9a1c,#0000 30rem),radial-gradient(circle at 18% 68%,#b8bab821,#0000 34rem),linear-gradient(#ffffff6b,#fff0),#f6f6f3;position:relative;overflow:clip}.project-loop-timeline__sticky{height:100svh;min-height:100svh;padding:clamp(5.75rem, 10vh, 7.5rem) var(--layout-margin) clamp(2.8rem, 6vh, 4.5rem);display:grid;position:sticky;inset-block-start:0;overflow:hidden}.project-loop-timeline__shell{width:min(100%, var(--layout-max-wide));grid-template-rows:auto minmax(0,1fr);gap:clamp(1.4rem,4vh,3.2rem);height:100%;margin-inline:auto;display:grid;position:relative}.project-loop-timeline__header{z-index:3;justify-content:space-between;align-items:flex-start;gap:clamp(1.5rem,4vw,4rem);display:flex;position:relative}.project-loop-timeline__eyebrow,.project-loop-timeline__header p{color:#11111194;font-size:clamp(.68rem,.78vw,.82rem);font-weight:var(--font-weight-bold);letter-spacing:.2em;text-transform:uppercase;line-height:1.2}.project-loop-timeline__header h1{color:#111111eb;text-align:right;text-transform:uppercase;max-width:none;font-size:clamp(1.25rem,2.05vw,2.35rem);line-height:.95}.project-loop-timeline__header div{justify-items:end;gap:.55rem;display:grid}.project-loop-timeline__ambient{z-index:-2;opacity:.96;pointer-events:none;position:absolute;inset:clamp(3rem,7vh,5rem) max(-8vw,-7rem) clamp(1.5rem,4vh,3rem);overflow:hidden}.project-loop-timeline__ambient:before{content:"";opacity:.52;mix-blend-mode:multiply;background-image:radial-gradient(circle at 18% 24%,#ffffff6b 0 .08rem,#0000 .09rem),radial-gradient(circle at 72% 62%,#6065662e 0 .07rem,#0000 .08rem),radial-gradient(circle at 42% 78%,#84848026 0 .06rem,#0000 .07rem);background-position:0 0,1.6rem 1.1rem,.8rem 2.2rem;background-size:3.2rem 3.2rem,4.6rem 4.6rem,5.8rem 5.8rem;animation:44s linear infinite project-loop-sand-drift;position:absolute;inset:-18%}.project-loop-timeline__ambient:after{content:"";opacity:.22;background:repeating-linear-gradient(164deg,#0000 0 1.15rem,#6065664f 1.18rem 1.22rem,#0000 1.26rem 2.8rem);animation:36s ease-in-out infinite alternate project-loop-sand-ridges;position:absolute;inset:8% -10% 2%;transform:translate(-1.5rem)rotate(-1deg);mask-image:linear-gradient(90deg,#0000,#000 18% 82%,#0000)}.project-loop-timeline__sand{pointer-events:none;mix-blend-mode:multiply;will-change:transform, opacity;display:block;position:absolute}.project-loop-timeline__sand--grain{z-index:0;opacity:.092;background-image:radial-gradient(circle at 18% 26%,#42423f85 0 .042rem,#0000 .056rem),radial-gradient(circle at 74% 68%,#78787475 0 .038rem,#0000 .052rem),radial-gradient(circle at 42% 84%,#ffffffa8 0 .042rem,#0000 .058rem),radial-gradient(circle at 58% 34%,#96969157 0 .032rem,#0000 .048rem);background-position:0 0,1.15rem .65rem,.4rem 1.5rem,1.9rem 1.8rem;background-size:1.95rem 1.95rem,2.65rem 2.65rem,3.8rem 3.8rem,5.1rem 5.1rem;animation:44s linear infinite project-loop-sand-grain-drift,38s ease-in-out infinite alternate project-loop-sand-grain-breathe;inset:-12%}.project-loop-timeline__sand--ripple{z-index:0;opacity:.096;background:repeating-linear-gradient(151deg,#0000 0 1.55rem,#60605c45 1.6rem 1.66rem,#0000 1.74rem 4.2rem),repeating-linear-gradient(168deg,#0000 0 3.1rem,#ffffff61 3.18rem 3.26rem,#0000 3.34rem 6.6rem),radial-gradient(at 34% 48%,#a8aaa81a,#0000 58%),radial-gradient(at 78% 68%,#686c6d13,#0000 52%);animation:38s ease-in-out infinite alternate project-loop-sand-ripple-drift;inset:12% -16% 6%;mask-image:linear-gradient(90deg,#0000,#000 12% 88%,#0000)}.project-loop-timeline__ambient-wave{z-index:1;filter:blur(26px);mix-blend-mode:multiply;transform-origin:50%;will-change:transform;border-radius:999rem;display:block;position:absolute}.project-loop-timeline__ambient-wave--one{opacity:.74;background:radial-gradient(at 28% 52%,#ffffff73,#0000 64%),radial-gradient(at 66%,#969a9a29,#0000 66%);width:min(62rem,58vw);height:min(21rem,23vh);animation:30s ease-in-out infinite alternate project-loop-ambient-one;inset-block-start:9%;inset-inline-start:-10%}.project-loop-timeline__ambient-wave--two{opacity:.64;background:radial-gradient(at 36% 48%,#b2b4b22b,#0000 66%),radial-gradient(at 72% 44%,#6065661c,#0000 62%);width:min(70rem,66vw);height:min(24rem,26vh);animation:38s ease-in-out infinite alternate project-loop-ambient-two;inset-block-start:38%;inset-inline-end:-14%}.project-loop-timeline__ambient-wave--three{opacity:.54;background:radial-gradient(at 44% 48%,#ffffff52,#0000 64%),radial-gradient(at 72% 42%,#b8bab826,#0000 66%);width:min(56rem,52vw);height:min(18rem,20vh);animation:46s ease-in-out infinite alternate project-loop-ambient-three;inset-block-end:3%;inset-inline-start:18%}.project-loop-timeline__ambient-wave--four{opacity:.5;background:radial-gradient(at 30% 48%,#ffffff47,#0000 62%),radial-gradient(at 74% 52%,#7076771f,#0000 64%);width:min(76rem,72vw);height:min(16rem,18vh);animation:40s ease-in-out infinite alternate project-loop-ambient-four;inset-block-start:54%;inset-inline-start:-18%}.project-loop-timeline__ambient-wave--five{opacity:.42;background:radial-gradient(at 50% 46%,#bcbcb826,#0000 66%),radial-gradient(at 20% 54%,#ffffff3d,#0000 62%);width:min(50rem,48vw);height:min(13rem,15vh);animation:48s ease-in-out infinite alternate project-loop-ambient-five;inset-block-start:70%;inset-inline-end:4%}@keyframes project-loop-ambient-one{0%{transform:translate(-1.5rem,.2rem)rotate(-4deg)scale(1)}to{transform:translate(2.2rem,-.7rem)rotate(-1deg)scale(1.035)}}@keyframes project-loop-ambient-two{0%{transform:translate(1.8rem,.6rem)rotate(4deg)scale(1.02)}to{transform:translate(-2rem,-.8rem)rotate(1deg)scale(1)}}@keyframes project-loop-ambient-three{0%{transform:translate(-.8rem,-.2rem)rotate(-2deg)scale(1)}to{transform:translate(1.4rem,.7rem)rotate(1deg)scale(1.025)}}@keyframes project-loop-ambient-four{0%{transform:translate(-2.8rem,.4rem)rotate(-5deg)scale(1)}to{transform:translate(3.4rem,-.6rem)rotate(-2deg)scale(1.018)}}@keyframes project-loop-ambient-five{0%{transform:translate(1rem,-.3rem)rotate(3deg)scale(1.01)}to{transform:translate(-2.2rem,.5rem)rotate(0)scale(1)}}@keyframes project-loop-sand-ridges{0%{transform:translate(-2.2rem,.28rem)rotate(-1deg)}to{transform:translate(2.4rem,-.42rem)rotate(-.35deg)}}@keyframes project-loop-sand-drift{0%{transform:translate(0,0)}to{transform:translate(4.6rem,-2.4rem)}}@keyframes project-loop-sand-grain-drift{0%{background-position:0 0,1.15rem .65rem,.4rem 1.5rem,1.9rem 1.8rem;transform:translate(-.6rem,.28rem)}to{background-position:3.25rem -1.8rem,4.95rem -.65rem,4.05rem -.55rem,5.7rem .15rem;transform:translate(1.25rem,-.32rem)}}@keyframes project-loop-sand-grain-breathe{0%{opacity:.078}to{opacity:.112}}@keyframes project-loop-sand-ripple-drift{0%{transform:translate(-1.6rem,.34rem)rotate(-.85deg)}to{transform:translate(2.6rem,-.48rem)rotate(-.22deg)}}.project-loop-timeline__tide-field{z-index:-1;height:min(58vh,34rem);color:rgb(var(--project-loop-accent) / 1);opacity:1;pointer-events:none;transform:translate3d(calc(var(--project-loop-tide-x,0px) * -.3), var(--project-loop-tide-y,0px), 0);user-select:none;position:absolute;inset:clamp(5rem,12vh,9rem) 0 auto}.project-loop-timeline__tide-field svg{width:120%;height:100%;margin-inline-start:-10%;display:block;overflow:visible}.project-loop-timeline__tide-field path{fill:none;stroke:currentColor;stroke-linecap:round;stroke-width:1px;vector-effect:non-scaling-stroke}.project-loop-timeline__tide-line--near{opacity:.15;animation:42s ease-in-out infinite alternate project-loop-tide-near}.project-loop-timeline__tide-line--mid{opacity:.09;animation:54s ease-in-out infinite alternate project-loop-tide-mid}.project-loop-timeline__tide-line--far{opacity:.06;animation:60s ease-in-out infinite alternate project-loop-tide-far}@keyframes project-loop-tide-near{0%{transform:translate(-10px,4px)}to{transform:translate(12px,-5px)}}@keyframes project-loop-tide-mid{0%{transform:translate(8px,-3px)}to{transform:translate(-14px,5px)}}@keyframes project-loop-tide-far{0%{transform:translate(-6px,-2px)}to{transform:translate(10px,3px)}}.project-loop-timeline__viewport{z-index:2;align-self:center;min-height:clamp(27rem,56vh,38rem);position:relative;overflow:visible}.project-loop-timeline__track{width:max-content;transform:translate3d(var(--project-loop-track-x,0vw), -50%, 0);will-change:transform;align-items:stretch;gap:clamp(.75rem,1.15vw,1.45rem);display:flex;position:absolute;inset-block-start:50%;inset-inline-start:0}.project-loop-timeline-card{width:clamp(23rem,30vw,34rem);min-height:clamp(18rem,38vh,26rem);color:rgb(var(--project-loop-muted) / .48);font:inherit;text-align:left;cursor:pointer;opacity:var(--project-loop-card-opacity,.5);transform:translate3d(0, var(--project-loop-card-y,14px), 0) scale(var(--project-loop-card-scale,.9));transform-origin:50% 58%;will-change:transform, opacity;background:0 0;border:0;border-radius:0;grid-template-rows:1rem clamp(3.9rem,4.9vw,4.8rem) minmax(clamp(5.8rem,7.2vw,7.8rem),auto) minmax(2.4rem,auto) minmax(4.8rem,1fr) auto;gap:clamp(.64rem,1.15vh,.88rem);padding:clamp(1rem,1.9vw,1.7rem) clamp(1rem,1.8vw,1.55rem);transition:color .18s,opacity .18s,transform .22s;display:grid;position:relative;overflow:visible}.project-loop-timeline-card[data-detail-status=planned],.project-loop-timeline-card[data-detail-status=draft]{cursor:default}.project-loop-timeline-card[data-detail-status=live]{cursor:pointer}.project-loop-timeline-card[data-active=true]{color:rgb(var(--project-loop-ink) / .98)}.project-loop-timeline-card:focus-visible{outline:2px solid rgb(var(--project-loop-accent) / .48);outline-offset:4px}.project-loop-timeline-card__topline{color:currentColor;font-size:clamp(.68rem,.78vw,.82rem);font-weight:var(--font-weight-bold);letter-spacing:.16em;text-transform:uppercase;opacity:.66;align-items:center;gap:.7rem;line-height:1.2;display:flex}.project-loop-timeline-card__rule{opacity:.18;background:currentColor;flex:1;height:1px}.project-loop-timeline-card__icon{aspect-ratio:1;width:clamp(3.25rem,4.8vw,4.7rem);color:rgb(var(--project-loop-accent) / .72);opacity:.72;align-self:start;place-items:center;display:grid}.project-loop-timeline-card__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:2px;width:100%;height:100%;display:block}.project-loop-timeline-card strong{color:currentColor;font-size:clamp(2rem,3.65vw,4rem);font-weight:var(--font-weight-bold);letter-spacing:0;text-transform:uppercase;opacity:.82;align-self:start;line-height:.9}.project-loop-timeline-card__subtitle{color:currentColor;max-width:24rem;font-size:clamp(.88rem,1vw,1.02rem);font-weight:var(--font-weight-bold);opacity:.7;align-self:start;line-height:1.25}.project-loop-timeline-card__description{color:currentColor;opacity:.58;align-self:start;max-width:28rem;font-size:clamp(.82rem,.9vw,.96rem);line-height:1.58}.project-loop-timeline-card[data-active=true] .project-loop-timeline-card__topline{opacity:.86}.project-loop-timeline-card[data-active=true] .project-loop-timeline-card__icon{opacity:.95}.project-loop-timeline-card[data-active=true] strong{opacity:1}.project-loop-timeline-card[data-active=true] .project-loop-timeline-card__subtitle{opacity:.92}.project-loop-timeline-card[data-active=true] .project-loop-timeline-card__description{opacity:.8}.project-loop-timeline__baseline-rail{--project-loop-baseline-gap:clamp(8px, .75vw, 14px);z-index:110;grid-auto-columns:max(0px, calc(var(--project-loop-stage-stride,30rem) - var(--project-loop-baseline-gap)));gap:var(--project-loop-baseline-gap);pointer-events:none;grid-auto-flow:column;width:max-content;height:2px;display:grid;position:absolute;inset-block-end:clamp(1rem,1.9vw,1.7rem);inset-inline-start:clamp(1rem,1.8vw,1.55rem)}.project-loop-timeline__baseline-segment{background:rgb(var(--project-loop-ink) / .105);height:2px;display:block;position:relative;overflow:hidden}.project-loop-timeline__baseline-segment span{background:rgb(var(--project-loop-accent) / .72);transform:scaleX(var(--project-loop-segment-fill,0));transform-origin:0;position:absolute;inset:0}.project-loop-timeline__baseline-segment[data-current=true]{background:rgb(var(--project-loop-accent) / .18)}.project-loop-timeline__baseline-segment[data-complete=true] span{background:rgb(var(--project-loop-ink) / .52)}.project-loop-timeline__debug{z-index:8;color:#111111b8;backdrop-filter:blur(12px);background:#efeee9db;border:1px solid #1111112e;width:min(17rem,44vw);padding:.8rem .9rem;font-size:.68rem;line-height:1.25;position:absolute;inset-block-end:clamp(1rem,2vh,1.5rem);inset-inline-start:0}.project-loop-timeline__debug p{color:#111111b8;font-weight:var(--font-weight-bold);letter-spacing:.12em;text-transform:uppercase}.project-loop-timeline__debug dl,.project-loop-timeline__debug div{gap:.2rem;display:grid}.project-loop-timeline__debug dl{margin-block-start:.6rem}.project-loop-timeline__debug div{grid-template-columns:5rem minmax(0,1fr)}.project-loop-timeline__debug dt{color:#11111180}.project-loop-timeline__debug dd{color:#111111d6;font-variant-numeric:tabular-nums}@media (width<=1023px){.project-loop-timeline{min-height:auto;overflow:visible}.project-loop-timeline__sticky{height:auto;min-height:auto;padding-block:clamp(5.5rem,12vh,7rem);position:relative;overflow:visible}.project-loop-timeline__shell{grid-template-columns:minmax(0,1fr);gap:clamp(1.5rem,5vw,2.5rem);min-width:0;height:auto;display:grid}.project-loop-timeline__ambient{inset-inline:0}.project-loop-timeline__header{display:grid}.project-loop-timeline__header div{justify-items:start}.project-loop-timeline__header h1{text-align:left}.project-loop-timeline__tide-field{opacity:.58;height:24rem;inset-block-start:clamp(6rem,11vh,8rem)}.project-loop-timeline__viewport{min-width:0;min-height:auto;overflow:visible}.project-loop-timeline__track{grid-template-columns:repeat(2,minmax(0,1fr));gap:clamp(.8rem,2vw,1.2rem);width:100%;display:grid;position:relative;inset:auto;transform:none!important}.project-loop-timeline-card{grid-template-columns:minmax(0,1fr);width:100%;min-width:0;min-height:clamp(18rem,36vh,24rem);opacity:1!important;transform:none!important}.project-loop-timeline__baseline-rail{display:none}}@media (width<=639px){.project-loop-timeline__track{grid-template-columns:minmax(0,1fr)}.project-loop-timeline-card{min-height:17rem}.project-loop-timeline-card strong{overflow-wrap:anywhere;font-size:clamp(1.75rem,12vw,3rem)}}@media (prefers-reduced-motion:reduce){.project-loop-timeline-card,.project-loop-timeline__ambient:before,.project-loop-timeline__ambient:after,.project-loop-timeline__sand,.project-loop-timeline__ambient-wave,.project-loop-timeline__tide-line{transition:none;animation:none}}