:root{--back-button-block-end:calc(var(--space-lg) + 12px + 14px);--case-anchor-top:calc(var(--back-button-block-end) + var(--space-2xl));--case-left-col:184px;--case-radius:var(--radius-lg);--outcome-pad:40px}.case-page .progress-bar{top:calc(var(--case-anchor-top) - var(--progress-bar-dot-offset))}.case-page .progress-bar__list{width:var(--case-left-col)}.case{padding-left:calc(var(--case-left-col) + var(--space-lg))}.case__intro{padding-top:var(--case-anchor-top)}.case__title{font-family:var(--font-display);font-size:var(--font-size-hero);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing);line-height:var(--line-height);color:var(--color-text-primary);margin:-12px 0 0 -.0625em}.project-info{margin-top:var(--space-lg);justify-content:space-between;align-items:flex-start;gap:0;display:flex}.case__divider{margin:var(--space-lg) 0}.case__divider-line{border:none;border-top:var(--border-default);height:0;margin:0}.case__hero{border:var(--border-dark);border-radius:var(--case-radius);isolation:isolate;width:100%;height:282px;position:relative;overflow:hidden}.case__hero-bg{object-fit:cover;z-index:0}.case__hero-logo{z-index:1;margin:auto;position:absolute;inset:0}.case__overview{align-items:flex-start;display:flex}.case__overview-left{gap:var(--case-text-gap);flex-direction:column;display:flex}.case__overview-label{color:var(--color-text-muted)}.case__overview-heading{font-family:var(--font-body);font-size:var(--font-size-section);font-weight:var(--font-weight-regular);color:var(--color-text-primary);line-height:var(--line-height);margin:0}.case__overview-right{gap:var(--case-text-gap);margin-top:calc(var(--font-size-caption) * var(--line-height) + var(--case-text-gap));flex-direction:column;display:flex}.case__compare-heading{font-family:var(--font-body);font-size:var(--font-size-section);font-weight:var(--font-weight-regular);color:var(--color-text-primary);line-height:var(--line-height);max-width:472px;margin:0}.case__compare-figure{margin-top:var(--space-lg);width:100%;aspect-ratio:var(--compare-aspect,2032 / 1040);border:var(--border-dark);border-radius:var(--case-radius);position:relative;overflow:hidden}.case__compare-figure>img{object-fit:cover}.case__compare-figure--reel{background:var(--color-card-ink);container-type:size}.case__compare-figure--reel .pool-reel{--pool-x:0;--pool-y:1;--pool-gap:0px;--pool-clear:none;--pool-slide-width:calc(100% - 2 * 9.0909cqh)}.before-highlight{position:absolute;inset:0}.before-highlight img{object-fit:cover}.before-highlight.is-armed .before-highlight__card{opacity:0;scale:.97}.before-highlight.is-played .before-highlight__card{animation:1.4s cubic-bezier(.2,.8,.2,1) .3s both before-highlight-in}@keyframes before-highlight-in{0%{opacity:0;scale:.97}to{opacity:1;scale:1}}.case-page .case__compare-figure.card-sizes{--compare-aspect:1624 / 831;background:var(--color-bg)}.card-sizes__row{justify-content:center;align-items:center;gap:3.97%;display:flex;position:absolute;inset:0}.card-sizes__slot{flex:none;width:18.2%;position:relative}.card-sizes__line{background:var(--color-border);position:absolute}.card-sizes__line--top,.card-sizes__line--bottom{height:.5px;left:-500%;right:-500%}.card-sizes__line--top{top:0}.card-sizes__line--bottom{bottom:0}.card-sizes__line--left,.card-sizes__line--right{width:.5px;top:-150%;bottom:-150%}.card-sizes__line--left{left:0}.card-sizes__line--right{right:0}.card-sizes.is-armed .card-sizes__card{opacity:0;translate:0 32px}.card-sizes.is-armed .card-sizes__line--top,.card-sizes.is-armed .card-sizes__line--bottom{scale:0 1}.card-sizes.is-armed .card-sizes__line--left,.card-sizes.is-armed .card-sizes__line--right{scale:1 0}.card-sizes.is-played .card-sizes__card{animation:1s cubic-bezier(.2,.8,.2,1) both card-sizes-in;animation-delay:calc(var(--i) * .26s)}.card-sizes.is-played .card-sizes__line--top,.card-sizes.is-played .card-sizes__line--bottom{animation:.6s cubic-bezier(.6,0,.2,1) both card-sizes-x;animation-delay:calc(1.8s + var(--i) * 80ms)}.card-sizes.is-played .card-sizes__line--left,.card-sizes.is-played .card-sizes__line--right{animation:.6s cubic-bezier(.6,0,.2,1) both card-sizes-y;animation-delay:calc(1.8s + var(--i) * 80ms)}@keyframes card-sizes-in{0%{opacity:0;translate:0 32px}to{opacity:1;translate:0}}@keyframes card-sizes-x{0%{scale:0 1}to{scale:1}}@keyframes card-sizes-y{0%{scale:1 0}to{scale:1}}@media (max-width:463.98px){.case-page .case__compare-figure.card-sizes{--compare-aspect:832 / 646}.card-sizes__row{gap:2.4%}.card-sizes__slot{width:27.9%}.card-sizes__slot:nth-child(4){display:none}}.case__final-shell{margin-top:var(--space-lg);justify-content:center;gap:var(--outcome-pad);padding:var(--outcome-pad);border:var(--border-dark);border-radius:var(--case-radius);display:flex}.case__final-item{gap:var(--space-xs);flex-direction:column;flex:none;align-items:center;width:258px;margin:0;display:flex}.case__final-figure{aspect-ratio:387/840;border:var(--border-dark);border-radius:var(--radius-md);width:100%;position:relative;overflow:hidden}.case__final-figure img{object-fit:cover}.case__final-label{color:var(--color-text-muted);text-align:center}.case__compare-row{margin-top:var(--space-lg);gap:var(--space-lg);display:flex}.case__compare-row .case__compare-figure{aspect-ratio:auto;width:auto;height:440px;margin-top:0}.case__compare-figure--before{flex:0 0 472px}.case__compare-figure--after{flex:0 0 496px}.case__compare-row--tall .case__compare-figure{height:640px}.case__compare-figure--deal{container-type:size}.final-cards{flex-direction:column;justify-content:center;align-items:center;gap:16px;display:flex;position:absolute;inset:0}.final-cards__card{--card-w:min(calc(100cqw - 12.5cqh), calc((87.5cqh - 64px) / 5 * 3.97));width:var(--card-w);transition:scale .3s var(--ease-out,ease-out), filter .3s ease-out;filter:drop-shadow(0 8px 24px #0000001a)drop-shadow(0 2px 6px #0000000f);position:relative}.final-cards__card img{width:100%;height:auto;display:block}.final-cards__card:hover{filter:drop-shadow(0 14px 32px #00000029)drop-shadow(0 3px 8px #00000014);scale:1.03}.final-cards.is-armed .final-cards__card{translate:0 calc(var(--from-mid) * (100% + 16px));rotate:var(--tilt)}.final-cards.is-played .final-cards__card{animation:.9s cubic-bezier(.2,.8,.2,1) both final-cards-deal;animation-delay:calc(.4s + var(--i) * .16s)}@keyframes final-cards-deal{0%{translate:0 calc(var(--from-mid) * (100% + 16px));rotate:var(--tilt)}to{translate:0;rotate:none}}.case__compare-figure--padded img{border:var(--border-dark);border-radius:var(--radius-md);width:auto;max-width:100%;height:87.5%;display:block;position:absolute;top:6.25%;bottom:6.25%;left:50%;transform:translate(-50%)}.case__compare-figure video{aspect-ratio:516/1120;object-fit:cover;border:var(--border-dark);border-radius:var(--radius-md);width:auto;max-width:100%;height:87.5%;display:block;position:absolute;top:6.25%;bottom:6.25%;left:50%;transform:translate(-50%)}.case__compare-tag{z-index:1;padding:8px var(--space-sm);background:var(--color-bg);color:var(--color-text-secondary);border:var(--border-default);border-radius:0 0 var(--space-sm) 0;position:absolute;top:0;left:0}.case__iteration{align-items:flex-start;display:flex}.case__iteration-left{flex-direction:column;display:flex}.case__iteration-heading{font-family:var(--font-body);font-size:var(--font-size-section);font-weight:var(--font-weight-regular);color:var(--color-text-primary);line-height:var(--line-height);margin:0}.case__iteration-body{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height);margin:0}.case__iteration-label{color:var(--color-text-muted);margin:0}.case__iteration-rule{border:0;border-top:var(--border-default);margin:0}.case__iteration-heading+.case__iteration-body,.case__iteration-label+.case__iteration-body,.case__iteration-body+.case__iteration-body{margin-top:var(--case-text-gap)}.case__iteration-body+.case__iteration-rule,.case__iteration-rule+.case__iteration-label{margin-top:var(--case-rhythm)}.case__iteration-figure{aspect-ratio:496/560;border:var(--border-dark);border-radius:var(--case-radius);width:100%;position:relative;overflow:hidden}.case__iteration-figure video{aspect-ratio:516/1120;object-fit:cover;border:var(--border-dark);border-radius:var(--radius-md);width:auto;max-width:100%;height:87.5%;display:block;position:absolute;top:6.25%;bottom:6.25%;left:50%;transform:translate(-50%)}.case__outcome-grid{column-gap:var(--space-lg);row-gap:var(--space-lg);grid-template-columns:472px 496px;display:grid}.case__outcome-card{border:var(--border-dark);border-radius:var(--case-radius)}.case__outcome-card-inner{padding:var(--outcome-pad);gap:var(--outcome-pad);flex-direction:column;display:flex}.case__outcome-stat{font-family:var(--font-display);font-weight:var(--font-weight-medium);letter-spacing:var(--letter-spacing);color:var(--color-text-primary);align-items:baseline;gap:.1em;line-height:1;display:flex}.case__outcome-num{font-size:var(--font-size-hero)}.case__outcome-star{font-size:var(--font-size-display)}.case__outcome-label{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height);margin:0}.case__overview--no-label .case__overview-right{margin-top:0}.case__overview-lead,.case__overview-body{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height);margin:0}.project-info__field{gap:var(--case-text-gap);flex-direction:column;flex:0 0 134.33px;display:flex}.project-info__field--tools{flex:none}.project-info__label{font-family:var(--font-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-semibold);color:var(--color-text-muted);text-transform:uppercase;line-height:var(--line-height);white-space:nowrap;margin:0}.project-info__value{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-primary);line-height:var(--line-height);white-space:nowrap;margin:0 0 0 -.05em}@media (max-width:1439.98px){.case-page{--case-left-col:168px}.case-page .progress-bar--scrolled{top:calc(var(--case-anchor-top) - var(--progress-bar-dot-offset))}.case{padding-left:200px}.case__compare-heading{max-width:400px}.case__compare-row{gap:40px}.case__compare-row .case__compare-figure{height:383px}.case__compare-row--tall .case__compare-figure{height:557px}.case__outcome-grid{grid-template-columns:400px 432px;column-gap:40px}.case-page{--outcome-pad:34px}.case__final-item{width:224.5px}.case__compare-figure--before{flex:0 0 400px}.case__compare-figure--after{flex:0 0 432px}}.case-page--digitalpool .case__hero-logo{width:174px;height:180px}.case-page--altrix .case__compare-figure--typical{--compare-aspect:2032 / 886}.case-page--altrix .case__compare-figure--new{--compare-aspect:2032 / 354}.case-page--altrix .case__iteration-figure{aspect-ratio:496/640}.case-page--altrix .case__iteration-figure video{box-shadow:var(--nav-shadow-soft), var(--nav-shadow-tight)}:is(.case-page--altrix,.case-page--digitalpool) .case__compare .case__flow-caption+:is(.case__compare-row,.case__final-shell,.case__compare-figure){margin-top:0}.case-page--altrix .case__final-label{margin-bottom:calc(.28em - .5lh)}@media (min-width:744px) and (max-width:1199.98px){.case-page--altrix .case__iteration-figure,.case-page--altrix .case__compare-row--tall .case__compare-figure{aspect-ratio:auto;height:479px}.case-page--digitalpool .case__iteration-figure,.case-page--digitalpool .case__compare-row--tall .case__compare-figure{aspect-ratio:auto;height:424px}}.case-page--digitalpool .case__iteration-figure{background:var(--color-card-ink);container-type:size}.case__iteration-inset{position:absolute;inset:8.4746cqw}.case__iteration-inset img{object-fit:contain}:is(.case-page--altrix,.case-page--digitalpool) .case__compare-row--tall .case__compare-figure{aspect-ratio:496/640}:is(.case-page--altrix,.case-page--digitalpool) .case__compare-figure video,:is(.case-page--altrix,.case-page--digitalpool) .case__compare-figure--padded img,:is(.case-page--altrix,.case-page--digitalpool) .case__final-figure{border-radius:var(--radius-md);box-shadow:var(--nav-shadow-soft), var(--nav-shadow-tight);border:none}.case-page--altrix .case__hero-logo{width:217px;height:80px}@media (max-width:1199.98px){.case-page{--case-left-col:152px}.case{padding-left:176px}.project-info__field{flex:0 0 90px}.case__compare-heading{max-width:320px}.case__compare-row .case__compare-figure{height:326px}.case__compare-row--tall .case__compare-figure{height:474px}.case__outcome-grid{grid-template-columns:328px 368px;column-gap:32px}.case-page{--outcome-pad:28px}.case__final-item{width:191px}.case__compare-row{gap:32px}.case__compare-figure--before{flex:0 0 328px}.case__compare-figure--after{flex:0 0 368px}.case__hero{height:240px}.case__hero-logo{width:266px;height:48px}.case-page--digitalpool .case__hero-logo{width:148px;height:153px}.case-page--altrix .case__hero-logo{width:184px;height:68px}}@media (max-width:983.98px){.case-page .progress-bar{display:none}.case{padding-left:0}.case__compare-row .case__compare-figure{height:298px}.case__compare-row--tall .case__compare-figure{height:433px}.case__outcome-grid{grid-template-columns:320px 336px;column-gap:40px}.case-page{--outcome-pad:27px}.case__final-item{width:174.5px}.case__compare-figure--after{flex:0 0 336px}.case__hero{height:200px}.case__hero-logo{width:222px;height:40px}.case-page--digitalpool .case__hero-logo{width:124px;height:128px}.case-page--altrix .case__hero-logo{width:154px;height:57px}}@media (max-width:743.98px){.case-page{--case-radius:16px}.case-page--altrix .case__compare-figure--typical{--compare-aspect:624 / 600}.case-page--altrix .case__compare-figure--new{--compare-aspect:624 / 488}.case__compare-row{flex-direction:column}.case__compare-row .case__compare-figure{aspect-ratio:480/440;flex:auto;width:100%;height:auto}.case__compare-figure--after{aspect-ratio:496/440}.case__compare-row--tall .case__compare-figure{aspect-ratio:472/640}.case__compare-row--tall .case__compare-figure--after{aspect-ratio:496/640}.case__outcome-grid{grid-template-columns:1fr}.case__final-shell{flex-direction:column;align-items:center}.case__final-item{width:calc(var(--content-band) * .5202)}.case-page{--outcome-pad:24px}.case__overview,.case__iteration{flex-direction:column}.case__overview{gap:var(--case-text-gap)}.case__overview-right{margin-top:0}.case__overview-left,.case__overview-right,.case__iteration-left,.case__iteration-right{flex:none;width:100%}.case__compare-heading{max-width:none}.project-info{flex-direction:column;justify-content:flex-start}.project-info__field{flex:none;width:100%}}@media (max-width:463.98px){.case__hero{height:176px}}@media (max-width:383.98px){.case__hero{height:168px}.case__hero-logo{width:178px;height:32px}.case-page--digitalpool .case__hero-logo{width:99px;height:103px}.case-page--altrix .case__hero-logo{width:124px;height:46px}}.case-page .case :not(.case__title){font-family:var(--font-body);font-size:var(--font-size-caption);font-weight:var(--font-weight-regular);font-style:normal;line-height:var(--line-height);letter-spacing:var(--letter-spacing);text-transform:lowercase}.case-page .case__title,.case-page .case :not(.case__title):not(.text-label):not(.case__compare-tag):not(.project-info__label):not(.project-info__value){text-transform:none}.case-page .back-button__label{text-transform:lowercase}.case-page .case__overview-label,.case-page .case__iteration-label,.case-page .case__final-label{color:#c8c8c8}.case-page{--case-title-nudge:-9px;--case-anchor-top:calc(var(--space-lg) + var(--nav-logo-height) + var(--home-nav-gap) + var(--case-title-nudge) - .1391 * var(--font-size-hero))}@media (max-width:1199.98px){.case-page{--case-title-nudge:-8px}}@media (max-width:983.98px){.case-page{--case-title-nudge:-6px}}@media (max-width:383.98px){.case-page{--case-title-nudge:-4px}}.case-page .progress-bar--scrolled{top:calc(var(--case-anchor-top) - var(--progress-bar-dot-offset))}@media (min-width:984px){.case-page .case__title{margin-top:calc(.61 * var(--font-size-caption) - .514em)}}.case-page .project-info__label{color:#c8c8c8}.case-page .project-info__value{color:var(--color-text-secondary)}@media (min-width:1440px){.case-page .project-info{margin-top:calc(var(--space-lg) - 2.3px + 10px - 24px)}}@media (min-width:1200px) and (max-width:1439.98px){.case-page .project-info{margin-top:calc(var(--space-lg) - 2.3px + 10px - 24px)}}@media (min-width:984px) and (max-width:1199.98px){.case-page .project-info{margin-top:calc(var(--space-lg) + 6.9px + 10px - 24px)}}.case-page .case__hero{border:none}.case-page .case__flow-list{--flow-fill:#f5f5f5;--flow-line:var(--color-text-secondary);--flow-stroke:1px;--flow-box-pad:12px 16px;row-gap:var(--case-text-gap);grid-template-columns:auto minmax(64px,1fr) auto minmax(64px,1fr) auto;margin:0;padding:0;list-style:none;display:grid}.case-page .case__flow-step,.case-page .case__flow-loop{display:contents}.case-page .case__flow-when{color:#c8c8c8;grid-row:1}.case-page .case__flow-box{padding:var(--flow-box-pad);border-radius:var(--radius-xs);background:var(--flow-fill);color:var(--color-text-primary);white-space:nowrap;grid-row:2;align-items:center;column-gap:6px;display:flex}.case-page .case__flow-fade{display:inline-block;-webkit-mask-image:linear-gradient(90deg,#000,#0000001f);mask-image:linear-gradient(90deg,#000,#0000001f)}.case-page .case__flow-step--1>*{grid-column:1}.case-page .case__flow-step--2>*{grid-column:3}.case-page .case__flow-step--3>*{grid-column:5}.case-page .case__flow-arrow{height:13px;color:var(--flow-line);grid-row:2;align-self:center;margin-inline:14px}.case-page .case__flow-arrow--1{grid-column:2}.case-page .case__flow-arrow--2{grid-column:4}.case-page .case__flow-arrow-svg,.case-page .case__flow-loop-svg{fill:none;stroke:currentColor;stroke-width:var(--flow-stroke);stroke-linecap:round;stroke-linejoin:round;display:block}.case-page .case__flow-arrow-svg{width:100%}.case-page .case__flow-loop-svg{height:32px;color:var(--flow-line);contain:size;grid-row:3}.case-page .case__flow-loop-start{grid-column:1;justify-self:end;width:50%}.case-page .case__flow-loop-mid{grid-column:2;width:100%}.case-page .case__flow-loop-end{grid-column:3;justify-self:start;width:50%}.case-page .case__flow-loop-svg--stack{display:none}.case-page .case__flow-loop-label{background:var(--color-bg);color:var(--color-text-secondary);white-space:nowrap;grid-area:3/2;place-self:end center;padding-inline:8px;transform:translateY(50%)}.case-page .case__flow-list{--flow-dim:.4;--flow-lit-fill:color-mix(in srgb, var(--color-error-subtle) 60%, white);--flow-lit-line:var(--color-error)}.case-page .case__flow-list--better{--flow-lit-fill:var(--color-accent-subtle);--flow-lit-line:#3bb22f}.case-page .case__flow-list>li>*,.case-page .case__flow-arrow{transition:opacity var(--transition-slow), color var(--transition-slow), background-color var(--transition-slow)}.case-page .case__flow-list[data-lit]:not([data-lit~=s1]) .case__flow-step--1>*,.case-page .case__flow-list[data-lit]:not([data-lit~=s2]) .case__flow-step--2>*,.case-page .case__flow-list[data-lit]:not([data-lit~=s3]) .case__flow-step--3>*,.case-page .case__flow-list[data-lit]:not([data-lit~=a1]) .case__flow-arrow--1,.case-page .case__flow-list[data-lit]:not([data-lit~=a2]) .case__flow-arrow--2,.case-page .case__flow-list[data-lit]:not([data-lit~=loop]) .case__flow-loop-svg{opacity:var(--flow-dim)}.case-page .case__flow-list[data-lit~=s1] .case__flow-step--1 .case__flow-box,.case-page .case__flow-list[data-lit~=s2] .case__flow-step--2 .case__flow-box,.case-page .case__flow-list[data-lit~=s3] .case__flow-step--3 .case__flow-box{background-color:var(--flow-lit-fill);color:var(--flow-lit-line)}.case-page .case__flow-list[data-lit~=s1] .case__flow-step--1 .case__flow-when,.case-page .case__flow-list[data-lit~=s2] .case__flow-step--2 .case__flow-when,.case-page .case__flow-list[data-lit~=s3] .case__flow-step--3 .case__flow-when,.case-page .case__flow-list[data-lit~=a1] .case__flow-arrow--1,.case-page .case__flow-list[data-lit~=a2] .case__flow-arrow--2,.case-page .case__flow-list[data-lit~=loop] .case__flow-loop-svg,.case-page .case__flow-list[data-lit~=loop] .case__flow-loop-label{color:var(--flow-lit-line)}.case-page .case__flow-list[data-lit]:not([data-lit~=loop]) .case__flow-loop-label{color:color-mix(in srgb, var(--color-text-secondary) 40%, var(--color-bg))}.case-page .case__flow-caption{font-family:var(--font-body);font-size:var(--font-size-body);font-weight:var(--font-weight-regular);color:var(--color-text-secondary);line-height:var(--line-height);margin:0 0 var(--case-rhythm)}@media (min-width:744px){.case-page .case__flow-caption{max-width:calc((100% - var(--case-col-gap)) / 2)}}:is(.case-page--altrix,.case-page--digitalpool) #problem~*{margin-top:var(--case-section-gap)}.case-page .case__divider.case__divider--section{margin-block:var(--case-section-gap)}:is(.case-page--altrix,.case-page--digitalpool) #problem~:is(.case__outcome-grid,.case__follows){margin-top:var(--case-rhythm)}:is(.case-page--altrix,.case-page--digitalpool) .case__outcome-card-inner{gap:var(--case-text-gap);padding:var(--space-24)}@media (max-width:743.98px){:is(.case-page--altrix,.case-page--digitalpool) .case__outcome-card-inner{padding:var(--space-16)}}.case-page:is(.case-page--altrix,.case-page--digitalpool) .case__outcome-grid{row-gap:var(--outcome-pad)}@media (min-width:744px){.case-page:is(.case-page--altrix,.case-page--digitalpool) .case__outcome-grid{column-gap:var(--outcome-pad);grid-template-columns:repeat(3,minmax(0,1fr))}}.case-page .case__flow-list{padding-bottom:calc(var(--font-size-caption) * var(--line-height) / 2)}.case-page .case__flow-list--better{padding-bottom:0}@media (max-width:1199.98px){.case-page .case__flow-list{--flow-half-box:calc(var(--font-size-caption) * var(--line-height) / 2 + 12px);grid-template-columns:max-content minmax(0,1fr) 36px max-content;gap:0}.case-page .case__flow-list.case__flow-list--better{grid-template-columns:max-content minmax(0,1fr)}.case-page .case__flow-when{color:var(--color-text-secondary);grid-column:1;align-self:center;padding-right:32px}.case-page .case__flow-box{text-align:center;white-space:normal;grid-column:2;display:block}.case-page .case__flow-step--1>*{grid-row:1}.case-page .case__flow-arrow--1{grid-row:2}.case-page .case__flow-step--2>*{grid-row:3}.case-page .case__flow-arrow--2{grid-row:4}.case-page .case__flow-step--3>*{grid-row:5}.case-page .case__flow-arrow{grid-column:2;justify-self:center;width:24px;margin:13.5px 0;transform:rotate(90deg)}.case-page .case__flow-loop-start,.case-page .case__flow-loop-mid,.case-page .case__flow-loop-end{display:none}.case-page .case__flow-loop-svg--stack{width:24px;height:auto;margin-block:var(--flow-half-box);grid-area:1/3/4;place-self:stretch end;display:block}.case-page .case__flow-loop-label{background:0 0;grid-area:1/4/4;align-self:center;padding:0 0 0 12px;transform:none}.case-page .case__flow-list{padding-bottom:0}}@media (max-width:599.98px){.case-page .case__flow-list{--flow-box-pad:12px;grid-template-columns:minmax(0,1fr) 32px max-content}.case-page .case__flow-list.case__flow-list--better{grid-template-columns:minmax(0,1fr)}.case-page .case__flow-when,.case-page .case__flow-box,.case-page .case__flow-arrow{grid-column:1}.case-page .case__flow-when{padding:0 0 var(--case-text-gap)}.case-page .case__flow-step--1 .case__flow-when{grid-row:1}.case-page .case__flow-step--1 .case__flow-box{grid-row:2}.case-page .case__flow-arrow--1{grid-row:3}.case-page .case__flow-step--2 .case__flow-when{grid-row:4}.case-page .case__flow-step--2 .case__flow-box{grid-row:5}.case-page .case__flow-arrow--2{grid-row:6}.case-page .case__flow-step--3 .case__flow-when{grid-row:7}.case-page .case__flow-step--3 .case__flow-box{grid-row:8}.case-page .case__flow-loop-svg--stack{grid-area:2/2/6}.case-page .case__flow-loop-label{white-space:normal;grid-area:2/3/6;width:min-content;padding-left:8px;line-height:1.4}}.case-page{--case-section-gap:var(--space-120);--case-rhythm:var(--space-32);--case-text-gap:6px}@media (max-width:1439.98px){.case-page{--case-section-gap:var(--space-80);--case-rhythm:var(--space-24)}}@media (max-width:743.98px){.case-page{--case-section-gap:var(--space-64);--case-rhythm:var(--space-16)}}.case-page .case__overview,.case-page .case__compare,.case-page .case__iteration{margin-top:var(--case-section-gap)}.case-page{--case-intro-gap:73px}@media (max-width:1199.98px){.case-page{--case-intro-gap:65px}}@media (max-width:983.98px){.case-page{--case-intro-gap:50px}}@media (max-width:743.98px){.case-page{--case-intro-gap:32px}}@media (max-width:383.98px){.case-page{--case-intro-gap:29px}}.case-page .case__divider{margin:calc(var(--case-intro-gap) - .5 * var(--font-size-caption)) 0 var(--case-intro-gap)}.case-page .case__flow,.case-page .case__compare-figure,.case-page .case__compare-row,.case-page .case__final-shell,.case-page .case__outcome-grid{margin-top:var(--case-rhythm)}.case-page .case__compare-row .case__compare-figure{margin-top:0}@media (max-width:743.98px){.case-page .case__iteration{gap:var(--case-rhythm)}.case-page .project-info{gap:var(--space-24);margin-top:6px}}.case-page .footer{margin-top:var(--case-section-gap)}@media (min-width:744px){.case-page{--case-col-gap:7.087%}.case-page .case__overview,.case-page .case__iteration,.case-page .case__compare-row{justify-content:space-between;column-gap:var(--case-col-gap)}.case-page .case__overview-left,.case-page .case__overview-right,.case-page .case__iteration-left,.case-page .case__iteration-right,.case-page .case__compare-row>.case__compare-figure{flex:0 0 calc((100% - var(--case-col-gap)) / 2)}.case-page .case__outcome-grid{column-gap:var(--case-col-gap);grid-template-columns:1fr 1fr}}.case-page .case *{border-color:var(--color-border)}
.container,.site-header{transition:max-width var(--transition-snap), padding-inline var(--transition-snap)}.progress-bar{transition:top var(--transition-base), max-width var(--transition-snap), padding-inline var(--transition-snap)}.nav{transition:background-color var(--transition-base), backdrop-filter var(--transition-base), box-shadow var(--transition-base), width var(--transition-snap), padding var(--transition-snap)}.site-header__logo img,.experience-item__logo{transition:width var(--transition-snap), height var(--transition-snap)}.club__board{transition:width var(--transition-snap), height var(--transition-snap), border var(--transition-snap), box-shadow var(--transition-snap)}.club__stage{transition:transform var(--transition-snap)}.about-intro,.about-experience,.home__work,.about-clubs__header,.club{transition:grid-template-columns var(--transition-snap), grid-template-rows var(--transition-snap), gap var(--transition-snap), column-gap var(--transition-snap)}.experience-item{transition:gap var(--transition-snap)}.experience-item__details{transition:flex-basis var(--transition-snap)}.progress-bar__list{transition:width var(--transition-snap), gap var(--transition-snap)}.card{transition:opacity .7s ease-out, translate .7s ease-out, scale var(--transition-base), box-shadow var(--transition-base), padding var(--transition-snap), border-radius var(--transition-snap)}.screentime-row__logo{transition:width var(--transition-snap), height var(--transition-snap)}.screentime__rows{transition:margin-top var(--transition-snap)}.screentime-row{transition:gap var(--transition-snap)}.screentime__title,.screentime-input__field,.screentime-input__unit,.screentime-input__sep,.screentime__error{transition:font-size var(--transition-snap)}.result{transition:padding var(--transition-snap)}.result__grid{transition:grid-template-columns var(--transition-snap), column-gap var(--transition-snap), max-width var(--transition-snap)}.result__headline{transition:font-size var(--transition-snap)}.result .unit-toggle{transition:width var(--transition-snap)}@media (prefers-reduced-motion:reduce){.screentime-row__logo,.screentime__rows,.screentime-row,.screentime__title,.screentime-input__field,.screentime-input__unit,.screentime-input__sep,.screentime__error,.result,.result__grid,.result__headline,.result .unit-toggle{transition:none}}