.stages{--stages-fluid:((100vw - 768px) / var(--desktop-fluid-range));--stages-heading-size:var(--objects-title-size);--stages-title-size:calc(clamp(24px, calc(24px + 20 * var(--stages-fluid)), 44px) * var(--uw-scale));--stages-caption-size:calc(clamp(18px, calc(18px + 12 * var(--stages-fluid)), 30px) * var(--uw-scale));--stages-summary-size:calc(clamp(17px, calc(17px + 5 * var(--stages-fluid)), 22px) * var(--uw-scale));--stages-dot-size:9px;--stages-gutter:34px;padding-bottom:calc(180px * var(--uw-scale));color:var(--color-text-primary);background-color:#fff}.stages>section{margin-top:0}.stages__intro{padding-top:var(--project-section-gap)}.stages__intro-top{gap:calc(28px * var(--uw-scale));flex-direction:column;display:flex}.stages__back{color:inherit;font-size:var(--body-md-size);font-weight:var(--font-weight-medium);letter-spacing:var(--body-md-tracking);text-underline-offset:.15em;align-self:flex-start;line-height:1.2;text-decoration:underline;transition:opacity .2s}.stages__back:hover{opacity:.6}.stages__back:focus-visible{opacity:.6}.stages__photo-frame{align-self:flex-end;width:72%;display:block}.stages__photo{width:100%;height:auto;display:block}.stages__divider{margin:calc(30px * var(--uw-scale)) 0;border:none;border-top:1px solid var(--color-text-primary)}.stages__about{gap:calc(24px * var(--uw-scale));flex-direction:column;display:flex}.stages__label{padding:calc(4px * var(--uw-scale)) calc(28px * var(--uw-scale));font-size:var(--body-md-size);letter-spacing:var(--letter-spacing-tight);align-self:flex-start;margin:0;line-height:1.2;position:relative}.stages__label-oval{pointer-events:none;color:var(--color-text-primary);position:absolute;top:0;bottom:0;left:0;right:0}.stages__label-oval svg{width:100%;height:100%;display:block}.stages__columns{font-size:var(--body-md-size);flex-direction:column;gap:1.2em;display:flex}.stages__text{font-size:var(--body-md-size);letter-spacing:var(--letter-spacing-tight);margin:0 0 1.2em;line-height:1.2}.stages__text:last-child{margin-bottom:0}.stages>.stages__timeline{margin-top:calc(110px * var(--uw-scale));position:relative}.stages__curve{z-index:2;pointer-events:none;width:100%;height:100%;position:absolute;top:0;left:0;overflow:visible}.stages__curve path{fill:none;stroke:var(--color-text-primary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}.stages__curve-track{opacity:.12}.stages__heading,.stages__list{z-index:1;position:relative}.stages__heading{font-size:var(--stages-heading-size);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);text-align:center;margin:0;line-height:1.2}.stages__dot{width:var(--stages-dot-size);height:var(--stages-dot-size);background-color:var(--color-text-primary);border-radius:50%;display:inline-block}.stages__dot.stages__dot--start{z-index:1;margin:calc(28px * var(--uw-scale)) 0 0 12px;display:block;position:relative}html[data-motion=on] .stages__dot{transition:transform .45s cubic-bezier(.34,1.56,.64,1);transform:scale(0)}html[data-motion=on] .stages__dot.is-reached{transform:none}.stages__list,.stages__steps{margin:0;padding:0;list-style:none}.stages__stage-head{margin:calc(110px * var(--uw-scale)) auto calc(70px * var(--uw-scale));padding-left:var(--stages-gutter);position:relative}.stages__stage-num{align-items:center;gap:calc(10px * var(--uw-scale));margin:0 0 calc(10px * var(--uw-scale));font-size:calc(20px * var(--uw-scale));letter-spacing:var(--letter-spacing-tight);line-height:1;display:flex}.stages__stage-num .stages__dot{margin-left:calc(-1 * var(--stages-gutter) + 12px)}.stages__stage-title{font-size:var(--stages-title-size);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);margin:0;line-height:1}.stages__stage-summary{max-width:calc(541px * var(--uw-scale));margin:calc(22px * var(--uw-scale)) 0 0;font-size:var(--stages-summary-size);letter-spacing:var(--letter-spacing-tight);line-height:1.36}.stages__step{padding-left:var(--stages-gutter);margin-bottom:calc(56px * var(--uw-scale));position:relative}.stages__caption{font-size:var(--stages-caption-size);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing-tight);text-wrap:balance;margin:0;line-height:1.1667;position:relative}.stages__dot--caption{top:calc(.58em - var(--stages-dot-size) / 2);left:calc(-1 * var(--stages-gutter) + 12px);position:absolute}.stages__sketch{z-index:1;margin:calc(18px * var(--uw-scale)) 0 0 calc(-1 * var(--stages-gutter));pointer-events:none;-webkit-user-select:none;-moz-user-select:none;user-select:none;background-color:#fff;position:relative;overflow:hidden}.stages__sketch:before{content:"";padding-top:50%;display:block}.stages__sketch-still,.stages__sketch-frame{object-fit:cover;width:100%;height:100%;display:block;position:absolute;top:0;bottom:0;left:0;right:0}.stages__sketch-video{display:none}@media (min-width:768px){.stages{--stages-gutter:0px;--stages-intro-gap:calc(11px * var(--uw-scale));--stages-intro-columns:var(--nav-width,var(--header-nav-width));--stages-intro-column:calc((var(--stages-intro-columns) - var(--stages-intro-gap)) / 2)}.stages__curve{z-index:0}.stages__dot.stages__dot--start{margin-left:auto;margin-right:auto}.stages__intro-top{min-height:calc(454px * var(--uw-scale));display:block;position:relative}.stages__back{position:absolute;top:0;left:0}.stages__photo-frame{width:var(--stages-intro-column);margin-left:calc(100% - var(--stages-intro-columns))}.stages__about{grid-template-columns:minmax(0, 1fr) var(--stages-intro-columns);gap:0;display:grid}.stages__label{place-self:start}.stages__columns{gap:var(--stages-intro-gap);flex-direction:row}.stages__column{width:var(--stages-intro-column)}.stages>.stages__timeline{margin-top:calc(170px * var(--uw-scale))}.stages__stage-head{max-width:calc(700px * var(--uw-scale));text-align:center;padding-left:0}.stages__stage-num{top:calc(-70px * var(--uw-scale));right:calc(-1 * min(60px * var(--uw-scale), (100vw - min(700px * var(--uw-scale), 100vw - 2 * var(--page-padding-x))) / 2 - 20px));margin:0;position:absolute}.stages__stage-num .stages__dot{margin-left:0}.stages__stage-summary{margin-left:auto;margin-right:auto}.stages__step{margin-bottom:calc(110px * var(--uw-scale));grid-template-columns:repeat(16,minmax(0,1fr));padding-left:0;display:grid}.stages__step[data-kind=sketch] .stages__sketch{grid-row:1;grid-column:var(--start) / span var(--span);margin:0}.stages__step[data-kind=sketch] .stages__caption{grid-row:1;grid-column:var(--caption-from) / var(--caption-to);max-width:calc(562px * var(--uw-scale));align-self:end}.stages__step[data-kind=sketch][data-side=end] .stages__caption{text-align:right;justify-self:end}.stages__step[data-kind=text] .stages__caption{max-width:calc(562px * var(--uw-scale))}.stages__step[data-kind=text][data-side=end] .stages__caption{grid-column:10/17}.stages__step[data-kind=text][data-side=start] .stages__caption{text-align:right;grid-column:1/8;justify-self:end}.stages__step[data-kind=text][data-side=end] .stages__dot--caption{left:calc(-44px * var(--uw-scale))}.stages__step[data-kind=text][data-side=start] .stages__dot--caption{left:auto;right:calc(-44px * var(--uw-scale))}}
