@layer components{html:has(.modal[open]){overflow:hidden}.modal{--_leaving:calc(var(--open-duration) * .7);--_from:0 2rem;--_body:0 0;--_backdrop:lab(0% none none/.6);--_close:calc(2.75em + var(--space-4) * 2);width:100%;max-width:none;height:100%;max-height:none;padding:var(--site-margin);color:var(--text);transition:display var(--_leaving) allow-discrete, overlay var(--_leaving) allow-discrete;background:0 0;border:0;justify-content:center;align-items:center;margin:0;overflow:clip}.modal[open]{transition:display var(--open-duration) allow-discrete, overlay var(--open-duration) allow-discrete;display:flex}.stacki-designer .modal.modal--preview,.modal.stacki-opened{z-index:100;background-color:var(--_backdrop);display:flex;position:fixed;inset:0}.modal::backdrop{background-color:var(--_backdrop);opacity:0;transition:opacity var(--_leaving) var(--open-ease)}.modal[open]::backdrop{opacity:1;transition:opacity var(--open-duration) var(--open-ease)}@starting-style{.modal[open]::backdrop{opacity:0}}.modal.modal--large{--_max-width:64rem;--_padding-inline:min(var(--space-6), 5vw)}.modal.modal--side-panel{--_panel:28rem;--_from:var(--_panel) 0;justify-content:end;align-items:stretch;padding:0}.modal.modal--full-screen{--_from:0 0;--_body:0 2rem;align-items:stretch;padding:0}.modal__content{width:100%;max-width:var(--_max-width,34rem);background-color:var(--background);border-radius:var(--radius-main);opacity:0;max-height:100%;translate:var(--_from);transition:opacity var(--_leaving) var(--open-ease), translate var(--_leaving) var(--open-ease);flex-direction:column;display:flex;position:relative;overflow:hidden}.modal.modal--side-panel .modal__content{max-width:var(--_panel);border-radius:0;max-height:none}.modal.modal--full-screen .modal__content{border-radius:0;max-width:none;max-height:none}.modal:is([open],.stacki-opened) .modal__content,.stacki-designer .modal.modal--preview .modal__content{opacity:1;transition:opacity var(--open-duration) var(--open-ease), translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal[open] .modal__content{opacity:0;translate:var(--_from)}}.modal__close{top:var(--space-4);z-index:1;position:absolute;inset-inline-end:var(--space-4)}.modal__scroll{overscroll-behavior:contain;flex:1;min-height:0;overflow-y:auto}.modal.modal--full-screen .modal__scroll{height:100%}.modal__body{padding:var(--_close) var(--_padding-inline,var(--space-6)) var(--space-7);translate:var(--_body);transition:translate var(--_leaving) var(--open-ease)}.modal.modal--full-screen .modal__body{align-content:center;min-height:100%;display:grid}.modal:is([open],.stacki-opened) .modal__body,.stacki-designer .modal.modal--preview .modal__body{transition:translate var(--open-duration) var(--open-ease);translate:0}@starting-style{.modal[open] .modal__body{translate:var(--_body)}}.project-evidence{inline-size:100%;margin-block:var(--space-3);container:evidence/inline-size}@container evidence (width>=40rem){.project-evidence .project-evidence__groups{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-evidence__intro{color:var(--portfolio-muted);margin-block-end:var(--space-3);font-size:.8125rem}.project-evidence__groups{gap:var(--space-4);display:grid}.project-evidence__group{gap:var(--space-2);flex-direction:column;min-inline-size:0;display:flex}.project-evidence__device{color:var(--dark-900);font-size:.875rem;font-weight:500}.project-evidence__previews{gap:var(--space-2);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-evidence__preview{color:var(--dark-900);background:var(--light-300);text-decoration:none;display:block}.project-evidence__thumbnail{aspect-ratio:16/10;object-fit:contain;inline-size:100%;padding:var(--space-1);background:var(--light-100);display:block}.project-evidence__caption{justify-content:space-between;align-items:center;gap:var(--space-1);padding:var(--space-2);text-underline-offset:.25em;min-block-size:2.75rem;font-size:.8125rem;text-decoration:underline;display:flex}.project-evidence__preview:focus-visible .project-evidence__caption{text-decoration-thickness:.125em}.project-evidence__viewer{gap:var(--space-3);flex-direction:column;min-inline-size:0;display:flex}.project-evidence__viewer-title{font-size:var(--text-large);letter-spacing:-.025em;overflow-wrap:anywhere;line-height:1.3}.project-evidence__image{object-fit:contain;max-block-size:max(8rem,100dvh - 14rem);inline-size:100%}.project-evidence__image:not([hidden]){display:block}.project-evidence__status{color:var(--portfolio-muted);font-size:var(--text-main)}.project-results{gap:var(--space-5);flex-direction:column;display:flex}.project-results.project-results--folio{container:case-results/inline-size}.project-results.project-results--folio .project-results__layout{gap:var(--space-5);display:grid}.project-results.project-results--folio .project-results__list{gap:var(--space-5) var(--space-3)}.project-results.project-results--folio .project-results__label{color:var(--portfolio-muted);overflow-wrap:anywhere;margin-block-start:0;font-size:.8125rem}.project-results.project-results--folio .project-results__note{max-inline-size:105ch;font-size:.75rem}.project-results.project-results--folio .project-results__before{color:var(--portfolio-muted)}@container case-results (width>=38rem){.project-results.project-results--folio .project-results__layout{grid-template-columns:minmax(0,.7fr) minmax(0,1.5fr)}}@container case-results (width>=60rem){.project-results.project-results--folio .project-results__layout{grid-template-columns:minmax(0,.7fr) minmax(0,3fr)}.project-results.project-results--folio .project-results__list{grid-template-columns:repeat(4,minmax(0,1fr))}}@media not (min-width:48rem){.project-results .project-results__score{flex-direction:column;align-items:start}}.project-results__list{gap:var(--space-6) var(--space-4);grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.project-results__item{flex-direction:column;min-inline-size:0;display:flex}.project-results__label{margin-top:var(--space-2)}.project-results__score{align-items:baseline;gap:var(--space-2);font-size:var(--portfolio-score-size,var(--h1));letter-spacing:-.06em;font-variant-numeric:tabular-nums;flex-wrap:wrap;order:-1;font-weight:500;line-height:1;display:flex}.project-results__before{font-size:var(--text-main);letter-spacing:normal;white-space:nowrap;font-weight:400}.project-results__caption{letter-spacing:-.04em;font-size:clamp(1.5rem,2.8cqi,2.5rem);font-weight:500;line-height:1.1}.project-results__caption span{margin-block-start:var(--space-2);font-size:1.5em;display:block}.project-results__gain{margin-block:var(--space-2);letter-spacing:-.07em;font-variant-numeric:tabular-nums;white-space:nowrap;font-size:clamp(2.6rem,4.6cqi,4.5rem);font-weight:500;line-height:1}.project-results__gain span{font-size:.6em}.project-results__comparison{font-size:var(--text-main);flex-wrap:wrap;align-items:baseline;gap:.375rem;display:flex}.project-results__after{white-space:nowrap;font-weight:500}.project-results__after small{font-size:.7em}.project-results__source{gap:var(--space-2);border-block-start:var(--border-width) solid color-mix(in srgb, var(--dark-900) 20%, transparent);flex-direction:column;padding-block-start:var(--space-4);display:flex}.project-results__note{max-width:65ch;font-size:var(--text-small);color:var(--text-2);line-height:1.5}.project-results__note strong{color:var(--dark-900);font-weight:500}.project-results__method{font-size:.75rem;line-height:1.6}.project-results__method-label{inline-size:fit-content;max-inline-size:100%;padding-block:var(--space-1);cursor:pointer;text-underline-offset:.25em;text-decoration:underline}.project-results__method-copy{gap:var(--space-2);padding-block:var(--space-1);color:var(--portfolio-muted);flex-direction:column;display:flex}.project-results__method-copy>p{max-inline-size:88ch}[dir=rtl] .project-results__caption span{transform:scaleX(-1)}}