@layer properties{@supports (((-webkit-hyphens:none)) and (not (margin-trim:inline))) or ((-moz-orient:inline) and (not (color:rgb(from red r g b)))){*,:before,:after,::backdrop{--tw-font-weight:initial;--tw-tracking:initial;--tw-duration:initial;--tw-ease:initial}}}.case-study{overflow:clip}.case-study-hero{padding-top:calc(5rem + clamp(3.5rem,8vw,7rem))}.case-study-back{align-items:center;gap:calc(var(--spacing,.25rem) * 3);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-font-weight:var(--font-weight-medium,500);font-size:.68rem;font-weight:var(--font-weight-medium,500);--tw-tracking:.13em;letter-spacing:.13em;color:var(--color-fronta-muted,var(--fronta-muted));text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:inline-flex}@media(hover:hover){.case-study-back:hover{color:var(--color-fronta-red,var(--fronta-red))}}.case-study-back span{color:var(--color-fronta-red,var(--fronta-red));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.case-study-back:hover span{transform:translate(-3px)}.case-study-heading{margin-top:calc(var(--spacing,.25rem) * 16);align-items:flex-end;gap:calc(var(--spacing,.25rem) * 9);display:grid}@media(min-width:48rem){.case-study-heading{margin-top:calc(var(--spacing,.25rem) * 24);gap:calc(var(--spacing,.25rem) * 10);grid-template-columns:repeat(12,minmax(0,1fr))}}.case-study-heading{grid-template-columns:minmax(0,1fr)}.case-study-heading>*{min-width:0}@media(min-width:768px){.case-study-heading{grid-template-columns:repeat(12,minmax(0,1fr))}}.case-study-meta{align-items:center;column-gap:calc(var(--spacing,.25rem) * 5);row-gap:calc(var(--spacing,.25rem) * 2);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-font-weight:var(--font-weight-medium,500);font-size:.68rem;font-weight:var(--font-weight-medium,500);--tw-tracking:.13em;letter-spacing:.13em;color:var(--color-fronta-muted,var(--fronta-muted));text-transform:uppercase;flex-wrap:wrap;display:flex}@media(min-width:48rem){.case-study-meta{grid-column:span 12/span 12}}.case-study-heading h1{font-size:var(--text-6xl,3.75rem);line-height:var(--tw-leading,var(--text-6xl--line-height,1));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:-.055em;letter-spacing:-.055em;color:var(--color-fronta-text,var(--fronta-text))}@media(min-width:48rem){.case-study-heading h1{font-size:var(--text-8xl,6rem);line-height:var(--tw-leading,var(--text-8xl--line-height,1));grid-column:span 8/span 8}}@media(min-width:64rem){.case-study-heading h1{font-size:8rem}}.case-study-heading h1{font-family:var(--font-display);line-height:.9}.case-study-lead{max-width:var(--container-2xl,42rem);font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)));color:var(--color-fronta-muted,var(--fronta-muted))}@media(min-width:48rem){.case-study-lead{font-size:var(--text-xl,1.25rem);line-height:var(--tw-leading,var(--text-xl--line-height,calc(1.75 / 1.25)));grid-column:1/span 7}}.case-study-lead{line-height:1.7}.case-study-live-link{align-items:center;gap:calc(var(--spacing,.25rem) * 3);width:fit-content;font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-font-weight:var(--font-weight-medium,500);font-size:.68rem;font-weight:var(--font-weight-medium,500);--tw-tracking:.13em;letter-spacing:.13em;color:var(--color-fronta-red,var(--fronta-red));text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:inline-flex}@media(hover:hover){.case-study-live-link:hover{color:var(--color-fronta-text,var(--fronta-text))}}@media(min-width:48rem){.case-study-live-link{grid-column:10/span 3;justify-self:flex-end}}.case-study-live-link span{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.case-study-live-link:hover span{transform:translate(2px,-2px)}.case-study-brand{margin-top:calc(var(--spacing,.25rem) * 16);min-height:calc(var(--spacing,.25rem) * 44);padding-block:calc(var(--spacing,.25rem) * 10);justify-content:center;align-items:center;display:flex;position:relative}@media(min-width:48rem){.case-study-brand{margin-top:calc(var(--spacing,.25rem) * 24);min-height:calc(var(--spacing,.25rem) * 64);padding-block:calc(var(--spacing,.25rem) * 16)}}.case-study-brand{width:100%;min-width:0}.case-study-brand-logo{height:auto;max-width:var(--container-xl,36rem);object-fit:contain;filter:none;width:min(62%,36rem)}@media(prefers-color-scheme:dark){.case-study-brand-logo{filter:invert()}}.case-study-cover-wrap{margin-top:calc(var(--spacing,.25rem) * 8)}@media(min-width:48rem){.case-study-cover-wrap{margin-top:calc(var(--spacing,.25rem) * 12)}}.case-study-cover{background-color:var(--color-black,#000);aspect-ratio:16/9;border-radius:1.25rem;overflow:hidden}.case-study-cover-image{object-fit:cover;width:100%;height:100%}.case-study-overview{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 10);padding-block:calc(var(--spacing,.25rem) * 28);display:grid}@media(min-width:48rem){.case-study-overview{gap:calc(var(--spacing,.25rem) * 10);padding-block:calc(var(--spacing,.25rem) * 40);grid-template-columns:repeat(12,minmax(0,1fr))}}@media(min-width:64rem){.case-study-overview{padding-block:calc(var(--spacing,.25rem) * 52)}}.case-study-section-label{font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-font-weight:var(--font-weight-medium,500);font-size:.68rem;font-weight:var(--font-weight-medium,500);--tw-tracking:.15em;letter-spacing:.15em;color:var(--color-fronta-red,var(--fronta-red));text-transform:uppercase}@media(min-width:48rem){.case-study-section-label{grid-column:span 2/span 2}.case-study-overview-copy{grid-column:4/span 5}}.case-study-overview-copy h2,.case-study-gallery-heading h2{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:-.035em;letter-spacing:-.035em;color:var(--color-fronta-text,var(--fronta-text))}@media(min-width:48rem){.case-study-overview-copy h2,.case-study-gallery-heading h2{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}}.case-study-overview-copy h2,.case-study-gallery-heading h2{font-family:var(--font-display);line-height:1.08}.case-study-prose{margin-top:calc(var(--spacing,.25rem) * 8);gap:calc(var(--spacing,.25rem) * 5);display:grid}.case-study-prose p,.case-study-gallery-heading div>p{font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));color:var(--color-fronta-muted,var(--fronta-muted))}@media(min-width:48rem){.case-study-prose p,.case-study-gallery-heading div>p{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}.case-study-prose p,.case-study-gallery-heading div>p{line-height:1.75}.case-study-facts{gap:calc(var(--spacing,.25rem) * 10);display:grid}@media(min-width:48rem){.case-study-facts{grid-column:10/span 3}}.case-study-facts h3{margin-bottom:calc(var(--spacing,.25rem) * 4);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-font-weight:var(--font-weight-medium,500);font-size:.65rem;font-weight:var(--font-weight-medium,500);--tw-tracking:.14em;letter-spacing:.14em;color:var(--color-fronta-muted,var(--fronta-muted));text-transform:uppercase}.case-study-gallery{padding-bottom:calc(var(--spacing,.25rem) * 28)}@media(min-width:48rem){.case-study-gallery{padding-bottom:calc(var(--spacing,.25rem) * 40)}}@media(min-width:64rem){.case-study-gallery{padding-bottom:calc(var(--spacing,.25rem) * 52)}}.case-study-gallery-heading{margin-bottom:calc(var(--spacing,.25rem) * 20);align-items:flex-start;gap:calc(var(--spacing,.25rem) * 7);display:grid}@media(min-width:48rem){.case-study-gallery-heading{margin-bottom:calc(var(--spacing,.25rem) * 28);gap:calc(var(--spacing,.25rem) * 10);grid-template-columns:repeat(12,minmax(0,1fr))}.case-study-gallery-heading>.case-study-section-label{grid-column:span 3/span 3}.case-study-gallery-heading>div{grid-column:5/span 7}}.case-study-gallery-heading div>p{margin-top:calc(var(--spacing,.25rem) * 6);max-width:var(--container-2xl,42rem)}.case-study-gallery-grid{align-items:flex-start;column-gap:calc(var(--spacing,.25rem) * 10);row-gap:calc(var(--spacing,.25rem) * 16);display:grid}@media(min-width:48rem){.case-study-gallery-grid{row-gap:calc(var(--spacing,.25rem) * 28);grid-template-columns:repeat(12,minmax(0,1fr))}.case-study-visual--portrait{grid-column:span 4/span 4}.case-study-visual--landscape{margin-top:calc(var(--spacing,.25rem) * 24);grid-column:6/span 7}.case-study-visual--wide{grid-column:span 12/span 12}.case-study-visual--closing{grid-column:3/span 8}}.case-study-visual-frame{background-color:var(--color-fronta-card,var(--fronta-card));border-radius:1.25rem;width:100%;max-width:100%;overflow:hidden}.case-study-visual-frame img{width:100%;max-width:100%;height:auto;transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));--tw-duration:.7s;--tw-ease:var(--ease-out,cubic-bezier(0, 0, .2, 1));transition-duration:.7s;transition-timing-function:var(--ease-out,cubic-bezier(0, 0, .2, 1));display:block}.case-study-visual:hover .case-study-visual-frame img{transform:scale(1.012)}.case-study-visual figcaption{margin-top:calc(var(--spacing,.25rem) * 4);max-width:var(--container-xl,36rem);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-tracking:.11em;letter-spacing:.11em;color:var(--color-fronta-muted,var(--fronta-muted));text-transform:uppercase;font-size:.65rem;line-height:1.6}.case-study-cta{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 8);padding-bottom:calc(var(--spacing,.25rem) * 28);display:grid}@media(min-width:48rem){.case-study-cta{gap:calc(var(--spacing,.25rem) * 10);padding-bottom:calc(var(--spacing,.25rem) * 40);grid-template-columns:repeat(12,minmax(0,1fr))}.case-study-cta>.case-study-section-label{grid-column:span 2/span 2}.case-study-cta-copy{grid-column:4/span 5}}.case-study-cta-copy h2{font-size:var(--text-3xl,1.875rem);line-height:var(--tw-leading,var(--text-3xl--line-height, 1.2 ));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:-.035em;letter-spacing:-.035em;color:var(--color-fronta-text,var(--fronta-text))}@media(min-width:48rem){.case-study-cta-copy h2{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}}.case-study-cta-copy h2{font-family:var(--font-display);line-height:1.08}.case-study-cta-copy p{margin-top:calc(var(--spacing,.25rem) * 6);max-width:var(--container-xl,36rem);font-size:var(--text-base,1rem);line-height:var(--tw-leading,var(--text-base--line-height, 1.5 ));color:var(--color-fronta-muted,var(--fronta-muted))}@media(min-width:48rem){.case-study-cta-copy p{font-size:var(--text-lg,1.125rem);line-height:var(--tw-leading,var(--text-lg--line-height,calc(1.75 / 1.125)))}}.case-study-cta-copy p{line-height:1.75}.case-study-cta-actions{align-items:flex-start;gap:calc(var(--spacing,.25rem) * 6);flex-direction:column;display:flex}@media(min-width:48rem){.case-study-cta-actions{padding-top:calc(var(--spacing,.25rem) * 2);grid-column:10/span 3}}.case-study-cta-actions>p{font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));color:var(--color-fronta-muted,var(--fronta-muted))}.case-study-cta-actions>p a{margin-left:calc(var(--spacing,.25rem) * 1);--tw-font-weight:var(--font-weight-medium,500);font-weight:var(--font-weight-medium,500);color:var(--color-fronta-text,var(--fronta-text));text-decoration-line:underline;-webkit-text-decoration-color:var(--color-fronta-border,var(--fronta-border));text-decoration-color:var(--color-fronta-border,var(--fronta-border));text-underline-offset:4px;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(hover:hover){.case-study-cta-actions>p a:hover{color:var(--color-fronta-red,var(--fronta-red));-webkit-text-decoration-color:var(--color-fronta-red,var(--fronta-red));text-decoration-color:var(--color-fronta-red,var(--fronta-red))}}.case-study-next{padding-bottom:calc(var(--spacing,.25rem) * 28)}@media(min-width:48rem){.case-study-next{padding-bottom:calc(var(--spacing,.25rem) * 40)}}@media(min-width:64rem){.case-study-next{padding-bottom:calc(var(--spacing,.25rem) * 52)}}.case-study-next-header{margin-bottom:calc(var(--spacing,.25rem) * 2);justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 6);display:flex}@media(min-width:48rem){.case-study-next-header{margin-bottom:calc(var(--spacing,.25rem) * 4)}}.case-study-all-work{align-items:center;gap:calc(var(--spacing,.25rem) * 3);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-font-weight:var(--font-weight-medium,500);font-size:.65rem;font-weight:var(--font-weight-medium,500);--tw-tracking:.13em;letter-spacing:.13em;color:var(--color-fronta-muted,var(--fronta-muted));text-transform:uppercase;transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));display:inline-flex}@media(hover:hover){.case-study-all-work:hover{color:var(--color-fronta-red,var(--fronta-red))}}.case-study-all-work span{transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}.case-study-all-work:hover span{transform:translate(2px,-2px)}.case-study-next-link{min-height:calc(var(--spacing,.25rem) * 36);align-items:flex-end;gap:calc(var(--spacing,.25rem) * 5);padding-block:calc(var(--spacing,.25rem) * 6);display:flex}@media(min-width:48rem){.case-study-next-link{min-height:calc(var(--spacing,.25rem) * 48);align-items:center;gap:calc(var(--spacing,.25rem) * 10);padding-block:calc(var(--spacing,.25rem) * 0);grid-template-columns:repeat(12,minmax(0,1fr));display:grid}}.case-study-next-copy{z-index:10;min-width:calc(var(--spacing,.25rem) * 0);flex:1;position:relative}@media(min-width:48rem){.case-study-next-copy{grid-column:span 10/span 10}}.case-study-next-copy>span{margin-bottom:calc(var(--spacing,.25rem) * 5);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-font-weight:var(--font-weight-medium,500);font-size:.65rem;font-weight:var(--font-weight-medium,500);--tw-tracking:.13em;letter-spacing:.13em;color:var(--color-fronta-muted,var(--fronta-muted));text-transform:uppercase;display:block}.case-study-next-copy h2{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)));--tw-font-weight:var(--font-weight-bold,700);font-weight:var(--font-weight-bold,700);--tw-tracking:-.05em;letter-spacing:-.05em;color:var(--color-fronta-text,var(--fronta-text));transition-property:color,background-color,border-color,outline-color,text-decoration-color,fill,stroke,--tw-gradient-from,--tw-gradient-via,--tw-gradient-to;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s))}@media(min-width:40rem){.case-study-next-copy h2{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}}@media(min-width:48rem){.case-study-next-copy h2{font-size:var(--text-7xl,4.5rem);line-height:var(--tw-leading,var(--text-7xl--line-height,1))}}@media(min-width:64rem){.case-study-next-copy h2{font-size:var(--text-8xl,6rem);line-height:var(--tw-leading,var(--text-8xl--line-height,1))}}.case-study-next-copy h2{font-family:var(--font-display);line-height:.95}.case-study-next-arrow{padding-bottom:calc(var(--spacing,.25rem) * 1);font-size:var(--text-2xl,1.5rem);line-height:var(--tw-leading,var(--text-2xl--line-height,calc(2 / 1.5)));color:var(--color-fronta-red,var(--fronta-red));transition-property:transform,translate,scale,rotate;transition-timing-function:var(--tw-ease,var(--default-transition-timing-function,cubic-bezier(.4, 0, .2, 1)));transition-duration:var(--tw-duration,var(--default-transition-duration,.15s));flex-shrink:0;align-self:flex-end}@media(min-width:48rem){.case-study-next-arrow{padding-bottom:calc(var(--spacing,.25rem) * 0);font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1));grid-column:12/span 1;place-self:auto flex-end}}.case-study-next-link:hover .case-study-next-copy h2,.case-study-next-link:focus-visible .case-study-next-copy h2{color:var(--color-fronta-red,var(--fronta-red))}.case-study-next-link:hover .case-study-next-arrow,.case-study-next-link:focus-visible .case-study-next-arrow{transform:translate(6px)}::view-transition-group(*){animation-duration:.78s;animation-timing-function:cubic-bezier(.22,1,.36,1)}@media(max-width:767px){.case-study-hero{padding-top:6.5rem}.case-study-heading{margin-top:calc(var(--spacing,.25rem) * 10)}.case-study-heading h1{font-size:clamp(2.85rem,13vw,3.5rem)}.case-study-brand{min-height:calc(var(--spacing,.25rem) * 40)}.case-study-brand-logo{width:min(78%,18rem)}.case-study-cover{aspect-ratio:16/10}}@media(prefers-reduced-motion:reduce){::view-transition-group(*){animation-duration:1ms}.case-study-visual:hover .case-study-visual-frame img,.case-study-next-arrow{transform:none}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}