/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
@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-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--tw-font-weight:initial}}}.page-devices{--page-devices-u:calc(100cqw / 782);--page-devices-laptop-top:31;--page-devices-phone-bottom:28;--page-devices-phone-scale:1;--page-devices-phone-u:calc(var(--page-devices-u) * var(--page-devices-phone-scale));pointer-events:none;position:absolute;inset:0}.page-devices-phone-only{--page-devices-phone-scale:1.4}@media (width>=48rem){.page-devices-phone-only{--page-devices-phone-scale:1.16}}@media (width>=64rem){.page-devices-phone-only{--page-devices-phone-scale:1.1}}.page-devices-laptop{left:calc(var(--page-devices-u) * 70);top:calc(var(--page-devices-u) * var(--page-devices-laptop-top));width:calc(var(--page-devices-u) * 516);position:absolute}.page-devices-lid{box-sizing:border-box;height:calc(var(--page-devices-u) * 320);padding:calc(var(--page-devices-u) * 12) calc(var(--page-devices-u) * 10);border-radius:calc(var(--page-devices-u) * 14) calc(var(--page-devices-u) * 14) calc(var(--page-devices-u) * 4) calc(var(--page-devices-u) * 4);box-shadow:inset 0 0 0 calc(var(--page-devices-u) * 1.5) #2a2b31, 0 calc(var(--page-devices-u) * 24) calc(var(--page-devices-u) * 50) #00000059;background-color:#111216;position:relative}.page-devices-camera{left:50%;top:calc(var(--page-devices-u) * 4);width:calc(var(--page-devices-u) * 46);height:calc(var(--page-devices-u) * 5);margin-left:calc(var(--page-devices-u) * -23);border-radius:calc(var(--page-devices-u) * 3);background-color:#24252b;position:absolute}.page-devices-screen{background-color:var(--color-white,#fff);height:calc(var(--page-devices-u) * 296);border-radius:calc(var(--page-devices-u) * 3);overflow:hidden}.page-devices-shot{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.page-devices-base{height:calc(var(--page-devices-u) * 14);margin-inline:calc(var(--page-devices-u) * -36);border-radius:0 0 calc(var(--page-devices-u) * 14) calc(var(--page-devices-u) * 14);box-shadow:0 calc(var(--page-devices-u) * 10) calc(var(--page-devices-u) * 24) #0000004d;background-image:linear-gradient(#2b2c33,#121317)}.page-devices-notch{width:18%;height:calc(var(--page-devices-u) * 5);border-radius:0 0 calc(var(--page-devices-u) * 6) calc(var(--page-devices-u) * 6);background-color:#0b0b0e;margin-inline:auto;display:block}.page-devices-phone{box-sizing:border-box;right:calc(var(--page-devices-u) * 55);bottom:calc(var(--page-devices-u) * var(--page-devices-phone-bottom));width:calc(var(--page-devices-phone-u) * 149);height:calc(var(--page-devices-phone-u) * 305);padding:calc(var(--page-devices-phone-u) * 7) calc(var(--page-devices-phone-u) * 6);border-radius:calc(var(--page-devices-phone-u) * 25);box-shadow:inset 0 0 0 calc(var(--page-devices-phone-u) * 1.5) #2c2d33, 0 calc(var(--page-devices-phone-u) * 24) calc(var(--page-devices-phone-u) * 44) #0006;background-color:#111216;position:absolute;transform:rotate(4deg)}.page-devices-phone-only .page-devices-phone{margin:auto;inset:0;transform:none}.page-devices-phone-screen{box-sizing:border-box;width:100%;height:100%;padding-top:calc(var(--page-devices-phone-u) * 19);border-radius:calc(var(--page-devices-phone-u) * 19);background-color:#0b0b0e;position:relative;overflow:hidden}.page-devices-shot-phone{-o-object-position:0% top;object-position:0% top}.page-devices-shot-mobile{-o-object-position:center top;object-position:center top}.page-devices-island{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);left:50%;top:calc(var(--page-devices-phone-u) * 5);width:34%;height:calc(var(--page-devices-phone-u) * 9);border-radius:calc(var(--page-devices-phone-u) * 6);background-color:#111216;position:absolute}@property --tw-translate-x{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-y{syntax:"*";inherits:false;initial-value:0}@property --tw-translate-z{syntax:"*";inherits:false;initial-value:0}.projects-card-cover{--page-devices-laptop-top:76;--page-devices-phone-bottom:36;--page-terminal-scale:1.3;aspect-ratio:350/230}@media (width>=48rem){.projects-card-cover{--page-devices-laptop-top:42.3;--page-devices-phone-bottom:29;--page-terminal-scale:1.12;aspect-ratio:704/380}}@media (width>=64rem){.projects-card-cover{--page-devices-laptop-top:31;--page-devices-phone-bottom:28;--page-terminal-scale:1.08;aspect-ratio:784/400}}.projects-card-tags{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}.projects-card-tag{--projects-card-tag-cut:calc(var(--spacing,.25rem) * 1.25);--projects-card-tag-bleed:calc(var(--spacing,.25rem) * .5)}:where([data-theme=cyber-sakura]) .projects-card-tag{--projects-card-tag-cut:0rem}.projects-card-tag{color:var(--color-base-content,oklch(98.8% .013 106.6));padding:var(--spacing,.25rem) calc(var(--spacing,.25rem) * 3);font-size:calc(var(--spacing,.25rem) * 3.5);background-color:var(--page-tone-accent);line-height:1.5}@supports (color:color-mix(in lab, red, red)){.projects-card-tag{background-color:color-mix(in oklab, var(--page-tone-accent) var(--page-tone-soft), transparent)}}.projects-card-tag{border:calc(var(--spacing,.25rem) * .25) solid var(--page-tone-accent)}@supports (color:color-mix(in lab, red, red)){.projects-card-tag{border:calc(var(--spacing,.25rem) * .25) solid color-mix(in oklab, var(--page-tone-accent) var(--page-tone-line), transparent)}}.projects-card-tag{border-radius:var(--radius-selector);clip-path:polygon(calc(var(--projects-card-tag-cut) + var(--projects-card-tag-bleed)) calc(0% - var(--projects-card-tag-bleed)), calc(100% + var(--projects-card-tag-bleed)) calc(0% - var(--projects-card-tag-bleed)), calc(100% + var(--projects-card-tag-bleed)) calc(100% - var(--projects-card-tag-cut) - var(--projects-card-tag-bleed)), calc(100% - var(--projects-card-tag-cut) - var(--projects-card-tag-bleed)) calc(100% + var(--projects-card-tag-bleed)), calc(0% - var(--projects-card-tag-bleed)) calc(100% + var(--projects-card-tag-bleed)), calc(0% - var(--projects-card-tag-bleed)) calc(var(--projects-card-tag-cut) + var(--projects-card-tag-bleed)));transition-property:color,background-color,border-color,border-radius,clip-path}@media (prefers-reduced-motion:reduce){.projects-card-tag{transition-property:none}}.projects-card{gap:calc(var(--spacing,.25rem) * 4.5);flex-direction:column;min-width:0;display:flex}.projects-card-head{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5) calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex}.projects-card-label{text-transform:uppercase;align-items:baseline;gap:calc(var(--spacing,.25rem) * 2.5);font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.14em;color:var(--page-tone-ink);line-height:1.6;display:inline-flex}.projects-card-index{font-family:var(--font-body,"Martian Mono", "Martian Mono Fallback", monospace);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);font-size:calc(var(--spacing,.25rem) * 3.5);letter-spacing:normal}.projects-card-live{--btn-ink:var(--page-tone-ink);--btn-height:calc(var(--spacing,.25rem) * 11);gap:calc(var(--spacing,.25rem) * 2);letter-spacing:.22em}.projects-card-live[aria-disabled=true]{pointer-events:none;opacity:.5}@media (hover:hover){.projects-card-live:hover{--btn-ink:var(--color-base-content)}}.projects-card-live:focus-visible{--btn-ink:var(--color-base-content);outline:calc(var(--spacing,.25rem) * .5) solid var(--color-brand);outline-offset:var(--spacing,.25rem)}.projects-card-live-icon{width:calc(var(--spacing,.25rem) * 3);aspect-ratio:14/14;transition-property:translate,color,background-color;translate:0}.projects-card-live:hover .projects-card-live-icon,.projects-card-live:focus-visible .projects-card-live-icon{translate:calc(var(--spacing,.25rem) * .5) calc(var(--spacing,.25rem) * -.5)}@media (prefers-reduced-motion:reduce){.projects-card-live-icon{transition-property:none}}.projects-card-title{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 5.5);scroll-margin-top:var(--page-sections-offset,0rem);margin:0;line-height:1.15}@media (width>=48rem){.projects-card-title{font-size:calc(var(--spacing,.25rem) * 7)}}@media (width>=64rem){.projects-card-title{font-size:calc(var(--spacing,.25rem) * 7.5)}}.projects-card-name{font-family:Righteous,Righteous Fallback,sans-serif}.projects-card-headline{color:#fcfcf2a8}@supports (color:color-mix(in lab, red, red)){.projects-card-headline{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.projects-card-text{font-family:var(--font-body,"Martian Mono", "Martian Mono Fallback", monospace);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);color:#fcfcf2d1;margin:0}@supports (color:color-mix(in lab, red, red)){.projects-card-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 82%, transparent)}}.projects-card-text{font-size:calc(var(--spacing,.25rem) * 3.5);line-height:1.75}@media (width>=48rem){.projects-card-text{font-size:calc(var(--spacing,.25rem) * 4)}}:where([data-theme=cyber-sakura]) .projects-card-text{color:#fcfcf2d6}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .projects-card-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 84%, transparent)}}@property --tw-font-weight{syntax:"*";inherits:false}.projects-header{gap:calc(var(--spacing,.25rem) * 4);padding-top:calc(var(--spacing,.25rem) * 2);flex-direction:column;display:flex}@media (width>=48rem){.projects-header{padding-top:calc(var(--spacing,.25rem) * 6)}}@media (width>=64rem){.projects-header{padding-top:calc(var(--spacing,.25rem) * 12)}}.projects-eyebrow{font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.3em;color:var(--color-primary-ink)}.projects-title{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);--tw-font-weight:var(--font-weight-normal,400);font-weight:var(--font-weight-normal,400);color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 10);margin:0;line-height:1.05}@media (width>=48rem){.projects-title{font-size:calc(var(--spacing,.25rem) * 13)}}@media (width>=64rem){.projects-title{font-size:calc(var(--spacing,.25rem) * 16)}}.projects-title-accent{color:var(--color-primary-ink)}.projects-more{font-family:var(--font-body,"Martian Mono", "Martian Mono Fallback", monospace);--tw-font-weight:var(--font-weight-light,300);font-weight:var(--font-weight-light,300);color:#fcfcf2a8;margin:0}@supports (color:color-mix(in lab, red, red)){.projects-more{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 66%, transparent)}}.projects-more{font-size:calc(var(--spacing,.25rem) * 3.5);scroll-margin-top:var(--page-sections-offset,0rem);line-height:1.75}.projects{--projects-gap:calc(var(--spacing,.25rem) * 7);--page-sections-content-gap:var(--projects-gap);padding-bottom:calc(var(--spacing,.25rem) * 14)}@media (width>=48rem){.projects{--projects-gap:calc(var(--spacing,.25rem) * 9);padding-bottom:calc(var(--spacing,.25rem) * 20)}}@media (width>=64rem){.projects{--projects-gap:calc(var(--spacing,.25rem) * 10);--page-sections-nav-inset:calc(var(--spacing,.25rem) * 18);padding-bottom:calc(var(--spacing,.25rem) * 24)}}.projects-rule{height:calc(var(--spacing,.25rem) * .25);background-color:#fcfcf21f;flex-shrink:0;display:block}@supports (color:color-mix(in lab, red, red)){.projects-rule{background-color:color-mix(in oklab, var(--color-base-content) 12%, transparent)}}
