@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-space-y-reverse:0;--tw-duration:initial;--tw-ease:initial;--tw-border-style:solid;--tw-shadow:0 0 #0000;--tw-shadow-color:initial;--tw-shadow-alpha:100%;--tw-inset-shadow:0 0 #0000;--tw-inset-shadow-color:initial;--tw-inset-shadow-alpha:100%;--tw-ring-color:initial;--tw-ring-shadow:0 0 #0000;--tw-inset-ring-color:initial;--tw-inset-ring-shadow:0 0 #0000;--tw-ring-inset:initial;--tw-ring-offset-width:0px;--tw-ring-offset-color:#fff;--tw-ring-offset-shadow:0 0 #0000}}}.work-page-jump-nav{column-gap:calc(var(--spacing,.25rem) * 8);row-gap:calc(var(--spacing,.25rem) * 3);flex-wrap:wrap;display:flex}.work-page-jump-nav a{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:var(--text-sm,.875rem);line-height:var(--tw-leading,var(--text-sm--line-height,calc(1.25 / .875)));--tw-font-weight:var(--font-weight-semibold,600);font-weight:var(--font-weight-semibold,600);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));display:inline-flex}@media(hover:hover){.work-page-jump-nav a:hover{color:var(--color-fronta-red,var(--fronta-red))}}.work-page-jump-nav a:after{content:"↓";color:var(--color-fronta-red,var(--fronta-red))}.work-page-group{scroll-margin-top:calc(var(--spacing,.25rem) * 24);padding-block:calc(var(--spacing,.25rem) * 24)}@media(min-width:48rem){.work-page-group{padding-block:calc(var(--spacing,.25rem) * 32)}}@media(min-width:64rem){.work-page-group{padding-block:calc(var(--spacing,.25rem) * 40)}}.work-page-group--apps{padding-top:calc(var(--spacing,.25rem) * 28)}@media(min-width:48rem){.work-page-group--apps{padding-top:calc(var(--spacing,.25rem) * 40)}}@media(min-width:64rem){.work-page-group--apps{padding-top:calc(var(--spacing,.25rem) * 52)}}.work-page-group-heading{margin-bottom:calc(var(--spacing,.25rem) * 20);align-items:flex-start;gap:calc(var(--spacing,.25rem) * 7);display:grid}@media(min-width:48rem){.work-page-group-heading{margin-bottom:calc(var(--spacing,.25rem) * 28);gap:calc(var(--spacing,.25rem) * 10);grid-template-columns:repeat(12,minmax(0,1fr))}}.work-page-group-heading>.page-kicker{margin-bottom:calc(var(--spacing,.25rem) * 0)}@media(min-width:48rem){.work-page-group-heading>.page-kicker{grid-column:span 3/span 3}.work-page-group-heading>div{grid-column:5/span 8}}.work-page-group-heading h2{max-width:var(--container-4xl,56rem);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:-.03em;letter-spacing:-.03em;color:var(--color-fronta-text,var(--fronta-text))}@media(min-width:48rem){.work-page-group-heading h2{font-size:var(--text-5xl,3rem);line-height:var(--tw-leading,var(--text-5xl--line-height,1))}}.work-page-group-heading h2{font-family:var(--font-display);line-height:1.08}.work-page-group-heading div>p{margin-top:calc(var(--spacing,.25rem) * 6);max-width:var(--container-2xl,42rem);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){.work-page-group-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)))}}.work-page-group-heading div>p{line-height:1.75}:where(.work-project-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 28) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 28) * calc(1 - var(--tw-space-y-reverse)))}@media(min-width:48rem){:where(.work-project-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 44) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 44) * calc(1 - var(--tw-space-y-reverse)))}}@media(min-width:64rem){:where(.work-project-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 56) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 56) * calc(1 - var(--tw-space-y-reverse)))}}.work-project{min-width:calc(var(--spacing,.25rem) * 0);align-items:flex-start;gap:calc(var(--spacing,.25rem) * 7);display:grid}@media(min-width:48rem){.work-project{gap:calc(var(--spacing,.25rem) * 10);grid-template-columns:repeat(12,minmax(0,1fr))}}.work-project-heading{align-items:baseline;gap:calc(var(--spacing,.25rem) * 4);display:flex}@media(min-width:48rem){.work-project-heading{gap:calc(var(--spacing,.25rem) * 5);grid-column:span 3/span 3}}.work-project-title{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){.work-project-title{font-size:var(--text-4xl,2.25rem);line-height:var(--tw-leading,var(--text-4xl--line-height,calc(2.5 / 2.25)))}}@media(min-width:64rem){.work-project-title{font-size:2.75rem}}.work-project-title{font-family:var(--font-display);line-height:1.05}.work-project-title a{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){.work-project-title a:hover{color:var(--color-fronta-red,var(--fronta-red))}}.work-project-meta{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 3);font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-tracking:.13em;letter-spacing:.13em;color:var(--color-fronta-muted,var(--fronta-muted));text-transform:uppercase;flex-wrap:wrap;font-size:.68rem;display:flex}@media(min-width:48rem){.work-project-meta{justify-content:flex-start;align-items:flex-start;gap:calc(var(--spacing,.25rem) * 2.5);flex-direction:column;grid-column:span 3/span 3}}.work-project-meta>div{align-items:center;gap:calc(var(--spacing,.25rem) * 4);display:flex}.work-project-number,.work-project-status{color:var(--color-fronta-red,var(--fronta-red))}.work-project-number{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:.12em;letter-spacing:.12em;flex-shrink:0}.work-project-main{min-width:calc(var(--spacing,.25rem) * 0)}@media(min-width:48rem){.work-project-main{grid-column:5/span 8}}.work-project-media{background-color:var(--color-fronta-card,var(--fronta-card));aspect-ratio:16/9;border-radius:1.25rem;display:block;position:relative;overflow:hidden}.work-project-image{object-fit:cover;width:100%;height:100%;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))}.work-project-media:hover .work-project-image{transform:scale(1.012)}.work-project--app .work-project-media{padding:calc(var(--spacing,.25rem) * 3);background-color:#080b1e;align-items:center;display:flex}@media(min-width:40rem){.work-project--app .work-project-media{padding:calc(var(--spacing,.25rem) * 6)}}@media(min-width:48rem){.work-project--app .work-project-media{padding:calc(var(--spacing,.25rem) * 10)}}@media(min-width:64rem){.work-project--app .work-project-media{padding:calc(var(--spacing,.25rem) * 14)}}.work-project--app .work-project-image{border-radius:var(--radius-lg,.5rem);border-style:var(--tw-border-style);border-width:1px;border-color:#ffffff1a;width:100%;height:auto}@supports (color:color-mix(in lab,red,red)){.work-project--app .work-project-image{border-color:color-mix(in oklab,var(--color-white,#fff) 10%,transparent)}}.work-project--app .work-project-image{object-fit:contain;--tw-shadow:0 25px 50px -12px var(--tw-shadow-color,#00000040);box-shadow:var(--tw-inset-shadow),var(--tw-inset-ring-shadow),var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow);--tw-shadow-color:#0006}@supports (color:color-mix(in lab,red,red)){.work-project--app .work-project-image{--tw-shadow-color:color-mix(in oklab, color-mix(in oklab, var(--color-black,#000) 40%, transparent) var(--tw-shadow-alpha), transparent)}}.work-project--app .work-project-media:hover .work-project-image{transform:translateY(-3px)}.work-project-details{margin-top:calc(var(--spacing,.25rem) * 7);align-items:flex-start;gap:calc(var(--spacing,.25rem) * 7);display:grid}@media(min-width:48rem){.work-project-details{margin-top:calc(var(--spacing,.25rem) * 10);gap:calc(var(--spacing,.25rem) * 10);grid-column:span 12/span 12;grid-template-columns:repeat(12,minmax(0,1fr))}}.work-project-description{max-width:var(--container-2xl,42rem);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){.work-project-description{grid-column:5/span 4;font-size:1.05rem}}.work-project-description{line-height:1.72}.work-project-aside{gap:calc(var(--spacing,.25rem) * 4);display:grid}@media(min-width:48rem){.work-project-aside{grid-column:10/span 3}}.work-project-collaboration{font-family:var(--font-mono,"JetBrains Mono", "Fira Code", "Courier New", monospace);--tw-tracking:.13em;letter-spacing:.13em;color:var(--color-fronta-muted,var(--fronta-muted));text-transform:uppercase;font-size:.65rem}.work-project-collaboration a{margin-left:calc(var(--spacing,.25rem) * 1);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(hover:hover){.work-project-collaboration a:hover{color:var(--color-fronta-red,var(--fronta-red))}}.work-project-actions{gap:calc(var(--spacing,.25rem) * 3);display:grid}.work-project-link{height:calc(var(--spacing,.25rem) * 10);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-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){.work-project-link:hover{color:var(--color-fronta-text,var(--fronta-text))}}.work-project-link--details{color:var(--color-fronta-red,var(--fronta-red))}@media(hover:hover){.work-project-link--details:hover{color:var(--color-fronta-text,var(--fronta-text))}}.work-project-link 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))}.work-project-link:hover span{transform:translate(2px,-2px)}.work-project-link--details:hover span{transform:translate(3px)}@media(max-width:767px){.work-page-group{scroll-margin-top:5rem}:where(.work-project-list>:not(:last-child)){--tw-space-y-reverse:0;margin-block-start:calc(calc(var(--spacing,.25rem) * 24) * var(--tw-space-y-reverse));margin-block-end:calc(calc(var(--spacing,.25rem) * 24) * calc(1 - var(--tw-space-y-reverse)))}.work-project-media{aspect-ratio:16/10}.work-project--app .work-project-media{aspect-ratio:4/3}}@property --tw-font-weight{syntax:"*";inherits:false}@property --tw-tracking{syntax:"*";inherits:false}@property --tw-space-y-reverse{syntax:"*";inherits:false;initial-value:0}@property --tw-duration{syntax:"*";inherits:false}@property --tw-ease{syntax:"*";inherits:false}@property --tw-border-style{syntax:"*";inherits:false;initial-value:solid}@property --tw-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-shadow-color{syntax:"*";inherits:false}@property --tw-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-inset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-shadow-color{syntax:"*";inherits:false}@property --tw-inset-shadow-alpha{syntax:"<percentage>";inherits:false;initial-value:100%}@property --tw-ring-color{syntax:"*";inherits:false}@property --tw-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-inset-ring-color{syntax:"*";inherits:false}@property --tw-inset-ring-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}@property --tw-ring-inset{syntax:"*";inherits:false}@property --tw-ring-offset-width{syntax:"<length>";inherits:false;initial-value:0}@property --tw-ring-offset-color{syntax:"*";inherits:false;initial-value:#fff}@property --tw-ring-offset-shadow{syntax:"*";inherits:false;initial-value:0 0 #0000}