@charset "UTF-8";@keyframes background-reveal{0%{filter:blur(30px);opacity:0}to{filter:blur(0px);opacity:1}}@keyframes slide-in-left{0%{transform:translate(-50vw);opacity:0}to{transform:translate(0);opacity:.8}}@keyframes slide-in-right{0%{transform:translate(50vw);opacity:0}to{transform:translate(0);opacity:.75}}.case-study{position:relative;display:flex;flex-direction:column;align-items:center}@supports (animation-timeline: view()) and (animation-range: 0 100%){.case-study{view-timeline-name:--section-scroll;view-timeline-axis:block}}.case-study .background-image{background-color:var(--app-primary-background-color);background-blend-mode:multiply;background-size:cover;background-position:center;background-repeat:no-repeat;position:fixed;inset:0;width:100vw;height:100vh;z-index:-1;transform:scale(1.1)}@supports (animation-timeline: view()) and (animation-range: 0 100%){.case-study .background-image{animation:background-reveal ease-in-out both;animation-timeline:--section-scroll;animation-range:10% 80%}}@supports not ((animation-timeline: view()) and (animation-range: 0 100%)){.case-study .background-image{filter:blur(30px);opacity:0}.case-study .background-image.scroll-animate-visible{transition:filter 5s ease-out,opacity 5s ease-out;filter:blur(0px);opacity:1}}.case-study section{width:100%;max-width:min(var(--max-section-width),95vw);padding:3rem 0;display:flex;flex-direction:column;align-items:stretch;row-gap:1.5rem}.case-study section .title{font:300 4.5rem/2 var(--app-title-font-family),serif}@media screen and (max-width:959.98px){.case-study section .title{font-size:3rem}}.case-study section .subtitle{font:300 3rem/2 var(--app-title-font-family),serif}@media screen and (max-width:959.98px){.case-study section .subtitle{font-size:2rem}}.case-study section .tag-line{font-size:1.5rem;line-height:2;font-style:italic}.case-study section .title,.case-study section .subtitle,.case-study section .tag-line{align-self:center}@supports not ((animation-timeline: view()) and (animation-range: 0 100%)){.case-study section .title,.case-study section .subtitle,.case-study section .tag-line{background-color:rgb(from var(--app-background-color) r g b/.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);padding:0 2rem}}.case-study section .intro{font-size:1.2rem;line-height:2}.case-study section p{text-align:justify;background-color:var(--app-primary-background-color);padding:1rem}.case-study section mat-card{max-width:100%;padding:5rem;margin:3rem 0}@media screen and (max-width:959.98px){.case-study section mat-card{padding:1rem;margin:2rem 0}}.case-study section mat-card{opacity:.8;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}@media screen and (min-width:960px){.case-study section mat-card.left{width:80%}@supports (animation-timeline: view()) and (animation-range: 0 100%){.case-study section mat-card.left{animation:slide-in-left ease-in-out both;animation-timeline:view();animation-range:0 60%}}@supports not ((animation-timeline: view()) and (animation-range: 0 100%)){.case-study section mat-card.left{opacity:0}.case-study section mat-card.left.scroll-animate-visible{animation:slide-in-left .6s ease-out forwards}}.case-study section mat-card.left{align-self:flex-start}}@media screen and (min-width:960px)and (prefers-reduced-motion:reduce){.case-study section mat-card.left{animation:none}}@media screen and (min-width:960px){.case-study section mat-card.right{width:80%}@supports (animation-timeline: view()) and (animation-range: 0 100%){.case-study section mat-card.right{animation:slide-in-right ease-in-out both;animation-timeline:view();animation-range:0 60%}}@supports not ((animation-timeline: view()) and (animation-range: 0 100%)){.case-study section mat-card.right{opacity:0}.case-study section mat-card.right.scroll-animate-visible{animation:slide-in-right .6s ease-out forwards}}.case-study section mat-card.right{align-self:flex-end}}@media screen and (min-width:960px)and (prefers-reduced-motion:reduce){.case-study section mat-card.right{animation:none}}.case-study section mat-card.primary{background-color:var(--app-primary-color);color:var(--app-on-primary-color)}.case-study section mat-card.secondary{background-color:var(--app-secondary-color);color:var(--app-on-secondary-color)}.case-study section mat-card.tertiary{background-color:var(--app-tertiary-color);color:var(--app-on-tertiary-color)}.case-study section mat-card.white-alpha{opacity:1;background-color:#fffc;color:var(--app-primary-color)}.case-study section mat-card.opaque{opacity:1}.case-study section mat-card>mat-card-content{font-size:1.5rem}@media screen and (max-width:959.98px){.case-study section mat-card>mat-card-content{font-size:1rem}}.case-study section mat-card>mat-card-content{line-height:2}.case-study section mat-card>mat-card-content p{box-sizing:content-box;max-width:100%;height:auto;background:none}.case-study section mat-card>mat-card-content.example-output{display:flex;flex-direction:column;align-items:center;row-gap:1rem}.case-study section mat-card>mat-card-content.example-output .result-images{display:flex;flex-direction:row;align-items:center;justify-content:center;gap:1rem;margin-top:1rem;flex-wrap:wrap}.case-study section mat-card>mat-card-content.example-output .result-images>img{max-width:100%;height:auto;box-shadow:5px 5px 5px #0003}.case-study section mat-card>mat-card-content.example-output .result-attribution{text-align:center}.case-study section .impact{line-height:2}.case-study section .impact>h3{margin-top:3rem}.case-study section .example-section-title{align-self:center;background-color:rgb(from var(--app-background-color) r g b/.75);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);margin-top:3rem;padding:1rem 2rem}.case-study section .example{display:flex;flex-direction:column;align-items:center}.case-study section .example p.example-title{font-size:1.5rem}@media screen and (max-width:959.98px){.case-study section .example p.example-title{font-size:1rem}}.case-study section .example p.example-title{font-weight:700;margin-top:2rem}.case-study section .example p.example-image{display:flex;flex-direction:row;justify-content:center;align-items:center;column-gap:1rem;flex-wrap:wrap}.case-study section .example p.example-image>img{align-self:center;margin:1rem 0;max-width:100%;height:auto}.case-study section .example p.example-description,.case-study section .example p.result-description{font-size:1.5rem;line-height:2}.case-study section .example p.example-description{padding:3rem 0}.case-study section .example p.example-description span.coat-description{font-style:italic;font-weight:700}.case-study section .example p.result-description{align-self:center;padding:3rem 0 0;margin-bottom:0}.case-study section .example .attribution,.case-study section .example .object-description{font-style:italic}.case-study section .example .identification-info-field{font-weight:700}.case-study section mat-tab-group{--mat-tab-background-color: var(--app-background-color);--mat-tab-divider-color: var(--app-primary-color);--mat-tab-active-label-text-color: var(--app-primary-color);--mat-tab-active-indicator-color: var(--app-primary-color);--mat-tab-active-ripple-color: var(--app-primary-color);--mat-tab-label-text-size: 1.5rem}.case-study section mat-tab-group mat-tab-header .mdc-tab{background-color:var(--app-background-color);color:var(--app-primary-color)}.case-study section mat-divider{--mat-divider-color: var(--app-primary-color);width:100%}
