/*! tailwindcss v4.3.3 | MIT License | https://tailwindcss.com */
.project-case-architecture{gap:calc(var(--spacing,.25rem) * 3);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style-type:none;display:grid}@media (width>=48rem){.project-case-architecture{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-case-architecture-item{gap:calc(var(--spacing,.25rem) * 2);min-width:0;padding:calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 5);flex-direction:column;display:flex}@media (width>=48rem){.project-case-architecture-item-wide{grid-column:span 2/span 2}}.project-case-architecture-label{font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.24em;color:var(--page-tone-ink);line-height:1.5}.project-case-architecture-title{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 4.5);line-height:1.3}.project-case-architecture-text{color:#fcfcf2d1;margin:0}@supports (color:color-mix(in lab, red, red)){.project-case-architecture-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 82%, transparent)}}.project-case-architecture-text{font-size:calc(var(--spacing,.25rem) * 3.5);line-height:1.7}:where([data-theme=cyber-sakura]) .project-case-architecture-text{color:#fcfcf2d6}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-architecture-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 84%, transparent)}}.project-case-architecture-codes{gap:calc(var(--spacing,.25rem) * 1.5);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}.project-case-architecture-code{font-family:var(--font-body,"Martian Mono", "Martian Mono Fallback", monospace);color:var(--color-base-content,oklch(98.8% .013 106.6));padding:calc(var(--spacing,.25rem) * .25) calc(var(--spacing,.25rem) * 1.5);font-size:calc(var(--spacing,.25rem) * 3);background-color:var(--color-base-300);border-radius:var(--radius-selector);line-height:1.6;transition-property:color,background-color,border-radius;display:block}@media (prefers-reduced-motion:reduce){.project-case-architecture-code{transition-property:none}}.project-case-challenges{gap:var(--project-case-gap);flex-direction:column;display:flex}.page-section.project-case-challenge{--page-section-gap:calc(var(--spacing,.25rem) * 4);-moz-column-gap:calc(var(--spacing,.25rem) * 3.5);align-items:center;column-gap:calc(var(--spacing,.25rem) * 3.5);padding:calc(var(--spacing,.25rem) * 5.5) calc(var(--spacing,.25rem) * 5);grid-template-columns:auto minmax(0,1fr);display:grid}@media (width>=48rem){.page-section.project-case-challenge{padding:calc(var(--spacing,.25rem) * 6) calc(var(--spacing,.25rem) * 6.5)}}.page-section.project-case-challenge>.page-section-label{letter-spacing:.22em;color:var(--page-tone-ink);margin:0}.page-section.project-case-challenge>.page-section-label+.page-section-heading{scroll-margin-top:var(--page-sections-offset,0rem)}.page-section.project-case-challenge>.page-section-body{grid-column:1/-1}.project-case-challenge-rows{gap:calc(var(--spacing,.25rem) * 2);flex-direction:column;margin:0;display:flex}.project-case-challenge-row{gap:var(--spacing,.25rem) calc(var(--spacing,.25rem) * 4.5);grid-template-columns:minmax(0,1fr);display:grid}@media (width>=40rem){.project-case-challenge-row{grid-template-columns:calc(var(--spacing,.25rem) * 32) minmax(0, 1fr)}}.project-case-challenge-term{text-transform:uppercase;padding-top:var(--spacing,.25rem);font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.18em;color:#fcfcf2a8;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.project-case-challenge-term{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-challenge-text{color:#fcfcf2d1;margin:0}@supports (color:color-mix(in lab, red, red)){.project-case-challenge-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 82%, transparent)}}.project-case-challenge-text{font-size:calc(var(--spacing,.25rem) * 3.5);line-height:1.75}:where([data-theme=cyber-sakura]) .project-case-challenge-text{color:#fcfcf2d6}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-challenge-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 84%, transparent)}}@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{--project-case-shot-from:transparent;--project-case-shot-to:transparent;--project-case-stage-glow:transparent;--project-case-grid-line:transparent;--tw-translate-x:0;--tw-translate-y:0;--tw-translate-z:0;--project-case-cta-from:transparent;--project-case-cta-to:transparent;--project-case-cta-glow:transparent;--tw-font-weight:initial;--tw-ordinal:initial;--tw-slashed-zero:initial;--tw-numeric-figure:initial;--tw-numeric-spacing:initial;--tw-numeric-fraction:initial}}}@property --project-case-shot-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --project-case-shot-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --project-case-stage-glow{syntax:"<color>";inherits:false;initial-value:#0000}@property --project-case-grid-line{syntax:"<color>";inherits:false;initial-value:#0000}.project-case-cover{--project-case-shot-from:var(--project-case-media-start);--project-case-shot-to:var(--project-case-media-end);--project-case-shot-cut:calc(var(--spacing,.25rem) * 3.5);--project-case-shot-radius:0rem}:where([data-theme=cyber-sakura]) .project-case-cover{--project-case-shot-cut:0rem;--project-case-shot-radius:calc(var(--spacing,.25rem) * 4.5)}.project-case-cover{aspect-ratio:350/240;padding:calc(var(--spacing,.25rem) * .25);background-image:linear-gradient(135deg, var(--project-case-shot-from), var(--project-case-shot-to));border-radius:var(--project-case-shot-radius);clip-path:polygon(var(--project-case-shot-cut) 0, 100% 0, 100% calc(100% - var(--project-case-shot-cut)), calc(100% - var(--project-case-shot-cut)) 100%, 0 100%, 0 var(--project-case-shot-cut));transition-property:border-radius,clip-path,--project-case-shot-from,--project-case-shot-to;position:relative}@media (width>=48rem){.project-case-cover{aspect-ratio:704/400}}@media (width>=64rem){.project-case-cover{aspect-ratio:784/440}}@media (prefers-reduced-motion:reduce){.project-case-cover{transition-property:none}}.project-case-stage{--project-case-stage-glow:var(--project-case-accent)}@supports (color:color-mix(in lab, red, red)){.project-case-stage{--project-case-stage-glow:color-mix(in oklab, var(--project-case-accent) var(--project-case-stage-alpha), transparent)}}.project-case-stage{--project-case-cover-u:calc(100cqw / 782);--project-case-laptop-top:calc(var(--project-case-cover-u) * 90);--project-case-phone-bottom:calc(var(--project-case-cover-u) * 38);--project-case-phone-scale:1;--project-case-phone-u:calc(var(--project-case-cover-u) * var(--project-case-phone-scale));--page-terminal-scale:1.35;background-color:var(--project-case-stage-base);background-image:radial-gradient(ellipse 70% 80% at 30% 40%, var(--project-case-stage-glow), transparent 70%);border-radius:max(0rem, calc(var(--project-case-shot-radius) - calc(var(--spacing,.25rem) * .25)));width:100%;height:100%;clip-path:polygon(max(0rem, calc(var(--project-case-shot-cut) - calc(var(--spacing,.25rem) * .125))) 0, 100% 0, 100% calc(100% - max(0rem, calc(var(--project-case-shot-cut) - calc(var(--spacing,.25rem) * .125)))), calc(100% - max(0rem, calc(var(--project-case-shot-cut) - calc(var(--spacing,.25rem) * .125)))) 100%, 0 100%, 0 max(0rem, calc(var(--project-case-shot-cut) - calc(var(--spacing,.25rem) * .125))));transition-property:background-color,border-radius,clip-path,--project-case-stage-glow;position:relative;overflow:hidden;container-type:inline-size}@media (width>=48rem){.project-case-stage{--project-case-laptop-top:calc(var(--project-case-cover-u) * 53.5);--project-case-phone-bottom:calc(var(--project-case-cover-u) * 31.2);--page-terminal-scale:1.15}}@media (width>=64rem){.project-case-stage{--project-case-laptop-top:calc(var(--project-case-cover-u) * 51);--project-case-phone-bottom:calc(var(--project-case-cover-u) * 31);--page-terminal-scale:1.15}}@media (prefers-reduced-motion:reduce){.project-case-stage{transition-property:none}}.project-case-stage-phone-only{--project-case-phone-scale:1.4}@media (width>=48rem){.project-case-stage-phone-only{--project-case-phone-scale:1.16}}@media (width>=64rem){.project-case-stage-phone-only{--project-case-phone-scale:1.1}}.project-case-grid{--project-case-grid-line:#fcfcf208}@supports (color:color-mix(in lab, red, red)){.project-case-grid{--project-case-grid-line:color-mix(in oklab, var(--color-base-content) 3%, transparent)}}:where([data-theme=cyber-sakura]) .project-case-grid{--project-case-grid-line:#fcfcf209}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-grid{--project-case-grid-line:color-mix(in oklab, var(--color-base-content) 3.5%, transparent)}}.project-case-grid{pointer-events:none;background-image:repeating-linear-gradient(0deg, var(--project-case-grid-line) 0 calc(var(--spacing,.25rem) * .25), transparent calc(var(--spacing,.25rem) * .25) calc(var(--spacing,.25rem) * 6)), repeating-linear-gradient(90deg, var(--project-case-grid-line) 0 calc(var(--spacing,.25rem) * .25), transparent calc(var(--spacing,.25rem) * .25) calc(var(--spacing,.25rem) * 6));transition-property:--project-case-grid-line;position:absolute;inset:0}@media (prefers-reduced-motion:reduce){.project-case-grid{transition-property:none}}.project-case-laptop{left:calc(var(--project-case-cover-u) * 70);top:var(--project-case-laptop-top);width:calc(var(--project-case-cover-u) * 516);position:absolute}.project-case-lid{box-sizing:border-box;height:calc(var(--project-case-cover-u) * 320);padding:calc(var(--project-case-cover-u) * 12) calc(var(--project-case-cover-u) * 10);border-radius:calc(var(--project-case-cover-u) * 14) calc(var(--project-case-cover-u) * 14) calc(var(--project-case-cover-u) * 4) calc(var(--project-case-cover-u) * 4);box-shadow:inset 0 0 0 calc(var(--project-case-cover-u) * 1.5) #2a2b31, 0 calc(var(--project-case-cover-u) * 24) calc(var(--project-case-cover-u) * 50) #00000059;background-color:#111216;position:relative}.project-case-camera{left:50%;top:calc(var(--project-case-cover-u) * 4);width:calc(var(--project-case-cover-u) * 46);height:calc(var(--project-case-cover-u) * 5);margin-left:calc(var(--project-case-cover-u) * -23);border-radius:calc(var(--project-case-cover-u) * 3);background-color:#24252b;position:absolute}.project-case-screen{background-color:var(--color-white,#fff);height:calc(var(--project-case-cover-u) * 296);border-radius:calc(var(--project-case-cover-u) * 3);overflow:hidden}.project-case-shot{-o-object-fit:cover;object-fit:cover;-o-object-position:top;object-position:top;width:100%;height:100%;display:block}.project-case-base{height:calc(var(--project-case-cover-u) * 14);margin-inline:calc(var(--project-case-cover-u) * -36);border-radius:0 0 calc(var(--project-case-cover-u) * 14) calc(var(--project-case-cover-u) * 14);box-shadow:0 calc(var(--project-case-cover-u) * 10) calc(var(--project-case-cover-u) * 24) #0000004d;background-image:linear-gradient(#2b2c33,#121317)}.project-case-notch{width:18%;height:calc(var(--project-case-cover-u) * 5);border-radius:0 0 calc(var(--project-case-cover-u) * 6) calc(var(--project-case-cover-u) * 6);background-color:#0b0b0e;margin-inline:auto;display:block}.project-case-phone{box-sizing:border-box;right:calc(var(--project-case-cover-u) * 55);bottom:var(--project-case-phone-bottom);width:calc(var(--project-case-phone-u) * 149);height:calc(var(--project-case-phone-u) * 305);padding:calc(var(--project-case-phone-u) * 7) calc(var(--project-case-phone-u) * 6);border-radius:calc(var(--project-case-phone-u) * 25);box-shadow:inset 0 0 0 calc(var(--project-case-phone-u) * 1.5) #2c2d33, 0 calc(var(--project-case-phone-u) * 24) calc(var(--project-case-phone-u) * 44) #0006;background-color:#111216;position:absolute;transform:rotate(4deg)}.project-case-stage-phone-only .project-case-phone{margin:auto;inset:0;transform:none}.project-case-phone-screen{box-sizing:border-box;width:100%;height:100%;padding-top:calc(var(--project-case-phone-u) * 19);border-radius:calc(var(--project-case-phone-u) * 19);background-color:#0b0b0e;position:relative;overflow:hidden}.project-case-shot-phone{-o-object-position:0% top;object-position:0% top}.project-case-shot-mobile{-o-object-position:center top;object-position:center top}.project-case-island{--tw-translate-x:calc(calc(1 / 2 * 100%) * -1);translate:var(--tw-translate-x) var(--tw-translate-y);left:50%;top:calc(var(--project-case-phone-u) * 5);width:34%;height:calc(var(--project-case-phone-u) * 9);border-radius:calc(var(--project-case-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}@property --project-case-cta-from{syntax:"<color>";inherits:false;initial-value:#0000}@property --project-case-cta-to{syntax:"<color>";inherits:false;initial-value:#0000}@property --project-case-cta-glow{syntax:"<color>";inherits:false;initial-value:#0000}.page-section.project-case-cta{--project-case-cta-cut:var(--cut-box);--project-case-cta-radius:var(--radius-box);--project-case-cta-inner-cut:max(0rem, calc(var(--project-case-cta-cut) - calc(var(--spacing,.25rem) * .1)));--project-case-cta-inner-radius:max(0rem, calc(var(--project-case-cta-radius) - calc(var(--spacing,.25rem) * .25)));--page-section-gap:calc(var(--spacing,.25rem) * 4);--page-section-size:calc(var(--spacing,.25rem) * 5.5);--page-section-leading:1.2;--page-section-label-gap:calc(var(--spacing,.25rem) * 2);isolation:isolate;padding:calc(var(--spacing,.25rem) * 6) calc(var(--spacing,.25rem) * 5);position:relative}@media (width>=48rem){.page-section.project-case-cta{--page-section-size:calc(var(--spacing,.25rem) * 6);padding:calc(var(--spacing,.25rem) * 7.5) calc(var(--spacing,.25rem) * 8)}}@media (width>=64rem){.page-section.project-case-cta{--page-section-size:calc(var(--spacing,.25rem) * 7)}}.page-section.project-case-cta:before,.page-section.project-case-cta:after{pointer-events:none;z-index:calc(1 * -1);content:"";position:absolute}.page-section.project-case-cta:before{--project-case-cta-from:var(--gradient-cta-from);--project-case-cta-to:var(--gradient-cta-to);background-image:linear-gradient(120deg, var(--project-case-cta-from), var(--project-case-cta-to) 60%, var(--project-case-cta-from));border-radius:var(--project-case-cta-radius);clip-path:polygon(var(--project-case-cta-cut) 0, 100% 0, 100% calc(100% - var(--project-case-cta-cut)), calc(100% - var(--project-case-cta-cut)) 100%, 0 100%, 0 var(--project-case-cta-cut));transition-property:border-radius,clip-path,--project-case-cta-from,--project-case-cta-to;inset:0}.page-section.project-case-cta:after{--project-case-cta-glow:#ff1f4324}@supports (color:color-mix(in lab, red, red)){.page-section.project-case-cta:after{--project-case-cta-glow:color-mix(in oklab, var(--color-primary) 14%, transparent)}}.page-section.project-case-cta:after{inset:calc(var(--spacing,.25rem) * .25);background-color:var(--color-base-200);background-image:radial-gradient(ellipse 80% 120% at 0% 0%, var(--project-case-cta-glow), transparent 60%);border-radius:var(--project-case-cta-inner-radius);clip-path:polygon(var(--project-case-cta-inner-cut) 0, 100% 0, 100% calc(100% - var(--project-case-cta-inner-cut)), calc(100% - var(--project-case-cta-inner-cut)) 100%, 0 100%, 0 var(--project-case-cta-inner-cut));transition-property:background-color,border-radius,clip-path,--project-case-cta-glow}.page-section.project-case-cta:hover:after,.page-section.project-case-cta:focus-within:after{--project-case-cta-glow:#ff1f433d}@supports (color:color-mix(in lab, red, red)){.page-section.project-case-cta:hover:after,.page-section.project-case-cta:focus-within:after{--project-case-cta-glow:color-mix(in oklab, var(--color-primary) 24%, transparent)}}@media (prefers-reduced-motion:reduce){.page-section.project-case-cta:before,.page-section.project-case-cta:after{transition-property:none}}.project-case-cta-text{color:#fcfcf2d1;margin:0}@supports (color:color-mix(in lab, red, red)){.project-case-cta-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 82%, transparent)}}.project-case-cta-text{font-size:calc(var(--spacing,.25rem) * 3.5);line-height:1.8}@media (width>=48rem){.project-case-cta-text{font-size:calc(var(--spacing,.25rem) * 4)}}:where([data-theme=cyber-sakura]) .project-case-cta-text{color:#fcfcf2d6}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-cta-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 84%, transparent)}}.project-case-cta-actions{align-items:center;gap:calc(var(--spacing,.25rem) * 3) calc(var(--spacing,.25rem) * 5);flex-wrap:wrap;display:flex}.project-case-cta-icon{width:calc(var(--spacing,.25rem) * 4.5);aspect-ratio:18/12;transition-property:translate,color,background-color;translate:0}.project-case-cta-main:hover .project-case-cta-icon,.project-case-cta-main:focus-visible .project-case-cta-icon{translate:var(--spacing,.25rem)}@media (prefers-reduced-motion:reduce){.project-case-cta-icon{transition-property:none}}.project-case-cta-live{--btn-ink:#fcfcf2a8}@supports (color:color-mix(in lab, red, red)){.project-case-cta-live{--btn-ink:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-cta-live{gap:calc(var(--spacing,.25rem) * 2);letter-spacing:.08em}@media (hover:hover){.project-case-cta-live:hover{--btn-ink:var(--color-base-content)}}.project-case-cta-live:focus-visible{--btn-ink:var(--color-base-content);outline:calc(var(--spacing,.25rem) * .5) solid var(--color-brand);outline-offset:var(--spacing,.25rem)}.project-case-cta-live-icon{width:calc(var(--spacing,.25rem) * 3);aspect-ratio:14/14;transition-property:translate,color,background-color;translate:0}.project-case-cta-live:hover .project-case-cta-live-icon,.project-case-cta-live:focus-visible .project-case-cta-live-icon{translate:calc(var(--spacing,.25rem) * .5) calc(var(--spacing,.25rem) * -.5)}@media (prefers-reduced-motion:reduce){.project-case-cta-live-icon{transition-property:none}}.project-case-facts{container-type:inline-size}.project-case-facts-list{--project-case-facts-line:#ff1f4373}@supports (color:color-mix(in lab, red, red)){.project-case-facts-list{--project-case-facts-line:color-mix(in oklab, var(--color-primary) 45%, transparent)}}:where([data-theme=cyber-sakura]) .project-case-facts-list{--project-case-facts-line:#bf01ffb3}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-facts-list{--project-case-facts-line:color-mix(in oklab, var(--color-accent) 70%, transparent)}}.project-case-facts-list{grid-template-columns:repeat(var(--project-case-facts-columns-sm,1), minmax(0, 1fr));gap:calc(var(--spacing,.25rem) * .25);padding:0;padding:calc(var(--spacing,.25rem) * .25);background-color:var(--project-case-facts-line);border-radius:var(--radius-field);clip-path:polygon(var(--cut-field) 0, 100% 0, 100% calc(100% - var(--cut-field)), calc(100% - var(--cut-field)) 100%, 0 100%, 0 var(--cut-field));margin:0;transition-property:background-color,border-radius,clip-path;display:grid;overflow:hidden}@container (width>=32rem){.project-case-facts-list{grid-template-columns:repeat(var(--project-case-facts-columns-md,1), minmax(0, 1fr))}}@container (width>=50rem){.project-case-facts-list{grid-template-columns:repeat(var(--project-case-facts-columns,1), minmax(0, 1fr))}}@media (prefers-reduced-motion:reduce){.project-case-facts-list{transition-property:none}}.project-case-fact{gap:var(--spacing,.25rem);min-width:0;padding:calc(var(--spacing,.25rem) * 4) calc(var(--spacing,.25rem) * 4.5);background-color:var(--color-base-200);flex-direction:column;display:flex}.project-case-fact-label{text-transform:uppercase;font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.18em;color:#fcfcf2a8;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.project-case-fact-label{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-fact-value{--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) * 3.5);margin:0;line-height:1.5}@property --tw-font-weight{syntax:"*";inherits:false}.project-case-goal{align-items:baseline;gap:calc(var(--spacing,.25rem) * 2) calc(var(--spacing,.25rem) * 4.5);padding:calc(var(--spacing,.25rem) * 5) calc(var(--spacing,.25rem) * 5);flex-wrap:wrap;display:flex}@media (width>=48rem){.project-case-goal{padding:calc(var(--spacing,.25rem) * 5.5) calc(var(--spacing,.25rem) * 6.5)}}.project-case-goal-value{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);font-size:calc(var(--spacing,.25rem) * 8.5);color:var(--page-tone-ink);flex-shrink:0;line-height:1}@media (width>=48rem){.project-case-goal-value{font-size:calc(var(--spacing,.25rem) * 10)}}@media (width>=64rem){.project-case-goal-value{font-size:calc(var(--spacing,.25rem) * 12)}}.project-case-goal-text{color:var(--color-base-content,oklch(98.8% .013 106.6));flex:1 1 calc(var(--spacing,.25rem) * 65);font-size:calc(var(--spacing,.25rem) * 3.5);margin:0;line-height:1.8}@media (width>=48rem){.project-case-goal-text{font-size:calc(var(--spacing,.25rem) * 4)}}.project-case-header{gap:calc(var(--spacing,.25rem) * 4);flex-direction:column;padding-top:0;display:flex}@media (width>=48rem){.project-case-header{padding-top:calc(var(--spacing,.25rem) * 3)}}@media (width>=64rem){.project-case-header{padding-top:calc(var(--spacing,.25rem) * 6)}}.project-case-back{--project-case-back-ink:#fcfcf2a8}@supports (color:color-mix(in lab, red, red)){.project-case-back{--project-case-back-ink:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-back{align-self:flex-start;align-items:center;gap:calc(var(--spacing,.25rem) * 2);min-height:calc(var(--spacing,.25rem) * 11);font-size:calc(var(--spacing,.25rem) * 3.5);letter-spacing:.08em;color:var(--project-case-back-ink);outline:calc(var(--spacing,.25rem) * .5) solid transparent;outline-offset:var(--spacing,.25rem);text-decoration-line:none;transition-property:color,outline-color;display:inline-flex}@media (hover:hover){.project-case-back:hover{--project-case-back-ink:var(--color-base-content)}}.project-case-back:focus-visible{--project-case-back-ink:var(--color-base-content);outline-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.project-case-back{transition-property:none}}.project-case-back-icon{width:calc(var(--spacing,.25rem) * 3.5);aspect-ratio:18/12;transition-property:translate,color,background-color;translate:0;rotate:180deg}.project-case-back:hover .project-case-back-icon,.project-case-back:focus-visible .project-case-back-icon{translate:calc(var(--spacing,.25rem) * -.75)}@media (prefers-reduced-motion:reduce){.project-case-back-icon{transition-property:none}}.project-case-head-row{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 1.5) calc(var(--spacing,.25rem) * 4);flex-wrap:wrap;display:flex}.project-case-label{text-transform:uppercase;font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.26em;color:var(--project-case-ink);line-height:1.6}.project-case-live{--btn-ink:var(--project-case-ink);--btn-height:calc(var(--spacing,.25rem) * 11);gap:calc(var(--spacing,.25rem) * 2);letter-spacing:.22em}.project-case-live[aria-disabled=true]{pointer-events:none;opacity:.5}@media (hover:hover){.project-case-live:hover{--btn-ink:var(--color-base-content)}}.project-case-live:focus-visible{--btn-ink:var(--color-base-content);outline:calc(var(--spacing,.25rem) * .5) solid var(--color-brand);outline-offset:var(--spacing,.25rem)}.project-case-live-icon{width:calc(var(--spacing,.25rem) * 3);aspect-ratio:14/14;transition-property:translate,color,background-color;translate:0}.project-case-live:hover .project-case-live-icon,.project-case-live:focus-visible .project-case-live-icon{translate:calc(var(--spacing,.25rem) * .5) calc(var(--spacing,.25rem) * -.5)}@media (prefers-reduced-motion:reduce){.project-case-live-icon{transition-property:none}}.project-case-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) * 8);margin:0;line-height:1.1}@media (width>=48rem){.project-case-title{font-size:calc(var(--spacing,.25rem) * 11)}}@media (width>=64rem){.project-case-title{font-size:calc(var(--spacing,.25rem) * 13)}}.project-case-headline{color:#fcfcf2a8}@supports (color:color-mix(in lab, red, red)){.project-case-headline{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-integrations{gap:calc(var(--spacing,.25rem) * 3);flex-direction:column;display:flex}.project-case-integrations-list{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}.project-case-integration{--badge-ink:#fcfcf2d1}@supports (color:color-mix(in lab, red, red)){.project-case-integration{--badge-ink:color-mix(in oklab, var(--color-base-content) 82%, transparent)}}.project-case-integration{white-space:normal;font-size:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--badge-border) + calc(var(--spacing,.25rem) * 1.25));padding-inline:calc(var(--badge-border) + calc(var(--spacing,.25rem) * 3));line-height:1.5;transition-property:color,translate;translate:0}@media (hover:hover){.project-case-integration:hover{--badge-line:var(--color-primary);translate:0rem calc(var(--spacing,.25rem) * -.5)}}@media (prefers-reduced-motion:reduce){.project-case-integration{transition-property:none}}.project-case-integration-own{--badge-line:#ff1f4399}@supports (color:color-mix(in lab, red, red)){.project-case-integration-own{--badge-line:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.project-case-integration-own{--badge-ink:var(--color-base-content)}:where([data-theme=cyber-sakura]) .project-case-integration-own{--badge-line:#ff1f43bf}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-integration-own{--badge-line:color-mix(in oklab, var(--color-primary) 75%, transparent)}}.project-case-integration-dot{--project-case-dot-radius:0rem;--project-case-dot-glow:0 0 calc(var(--spacing,.25rem) * 1.5) #ff1f43b3}@supports (color:color-mix(in lab, red, red)){.project-case-integration-dot{--project-case-dot-glow:0 0 calc(var(--spacing,.25rem) * 1.5) color-mix(in oklab, var(--color-primary) 70%, transparent)}}:where([data-theme=cyber-sakura]) .project-case-integration-dot{--project-case-dot-radius:50%;--project-case-dot-glow:0 0 calc(var(--spacing,.25rem) * 1.5) transparent}.project-case-integration-dot{vertical-align:middle;width:calc(var(--spacing,.25rem) * 1.5);height:calc(var(--spacing,.25rem) * 1.5);background-color:var(--color-primary);border-radius:var(--project-case-dot-radius);box-shadow:var(--project-case-dot-glow);flex-shrink:0;transition-property:background-color,border-radius,box-shadow;display:inline-block}@media (prefers-reduced-motion:reduce){.project-case-integration-dot{transition-property:none}}.project-case-integrations-legend{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:calc(var(--spacing,.25rem) * 3);color:#fcfcf2a8;margin:0;line-height:1.5;display:flex}@supports (color:color-mix(in lab, red, red)){.project-case-integrations-legend{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-meta{gap:calc(var(--spacing,.25rem) * 3.5);flex-direction:column;display:flex}.project-case-tags{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}.project-case-tag{--project-case-tag-cut:calc(var(--spacing,.25rem) * 1.25)}:where([data-theme=cyber-sakura]) .project-case-tag{--project-case-tag-cut:0rem}.project-case-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(--project-case-accent);line-height:1.5}@supports (color:color-mix(in lab, red, red)){.project-case-tag{background-color:color-mix(in oklab, var(--project-case-accent) var(--project-case-soft), transparent)}}.project-case-tag{border:calc(var(--spacing,.25rem) * .25) solid var(--project-case-accent)}@supports (color:color-mix(in lab, red, red)){.project-case-tag{border:calc(var(--spacing,.25rem) * .25) solid color-mix(in oklab, var(--project-case-accent) var(--project-case-line), transparent)}}.project-case-tag{border-radius:var(--radius-selector);clip-path:polygon(var(--project-case-tag-cut) 0, 100% 0, 100% calc(100% - var(--project-case-tag-cut)), calc(100% - var(--project-case-tag-cut)) 100%, 0 100%, 0 var(--project-case-tag-cut));transition-property:color,background-color,border-color,border-radius,clip-path}@media (prefers-reduced-motion:reduce){.project-case-tag{transition-property:none}}.project-case-stack{gap:calc(var(--spacing,.25rem) * 2.5);flex-direction:column;display:flex}.project-case-stack-label{color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 3.5);margin:0;line-height:1.5}.project-case-stack-list{gap:calc(var(--spacing,.25rem) * 2);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}.project-case-stack-item{--badge-line:#fcfcf229}@supports (color:color-mix(in lab, red, red)){.project-case-stack-item{--badge-line:color-mix(in oklab, var(--color-base-content) 16%, transparent)}}.project-case-stack-item{--badge-ink:#fcfcf285}@supports (color:color-mix(in lab, red, red)){.project-case-stack-item{--badge-ink:color-mix(in oklab, var(--color-base-content) 52%, transparent)}}.project-case-stack-item{--project-case-stack-hover-line:#fcfcf266}@supports (color:color-mix(in lab, red, red)){.project-case-stack-item{--project-case-stack-hover-line:color-mix(in oklab, var(--color-base-content) 40%, transparent)}}.project-case-stack-item{--project-case-stack-hover-ink:#fcfcf2c7}@supports (color:color-mix(in lab, red, red)){.project-case-stack-item{--project-case-stack-hover-ink:color-mix(in oklab, var(--color-base-content) 78%, transparent)}}:where([data-theme=cyber-sakura]) .project-case-stack-item{--badge-line:#fcfcf233}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-stack-item{--badge-line:color-mix(in oklab, var(--color-base-content) 20%, transparent)}}:where([data-theme=cyber-sakura]) .project-case-stack-item{--badge-ink:#fcfcf299}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-stack-item{--badge-ink:color-mix(in oklab, var(--color-base-content) 60%, transparent)}}:where([data-theme=cyber-sakura]) .project-case-stack-item{--project-case-stack-hover-line:oklab(98.8% -.00371395 .0124582/.45)}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-stack-item{--project-case-stack-hover-line:color-mix(in oklab, var(--color-base-content) 45%, transparent)}}.project-case-stack-item{white-space:normal;font-size:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--badge-border) + calc(var(--spacing,.25rem) * 1.25));padding-inline:calc(var(--badge-border) + calc(var(--spacing,.25rem) * 3));line-height:1.5;transition-property:color,translate;translate:0}@media (hover:hover){.project-case-stack-item:hover{--badge-line:var(--project-case-stack-hover-line);--badge-ink:var(--project-case-stack-hover-ink);translate:0rem calc(var(--spacing,.25rem) * -.5)}}@media (prefers-reduced-motion:reduce){.project-case-stack-item{transition-property:none}}.project-case-stack-own{--badge-line:#ff1f4399}@supports (color:color-mix(in lab, red, red)){.project-case-stack-own{--badge-line:color-mix(in oklab, var(--color-primary) 60%, transparent)}}.project-case-stack-own{--badge-ink:var(--color-base-content);--project-case-stack-hover-line:var(--color-primary);--project-case-stack-hover-ink:var(--color-base-content)}:where([data-theme=cyber-sakura]) .project-case-stack-own{--badge-line:#ff1f43bf}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-stack-own{--badge-line:color-mix(in oklab, var(--color-primary) 75%, transparent)}}.project-case-stack-dot{--project-case-dot-radius:0rem;--project-case-dot-glow:0 0 calc(var(--spacing,.25rem) * 1.5) #ff1f43b3}@supports (color:color-mix(in lab, red, red)){.project-case-stack-dot{--project-case-dot-glow:0 0 calc(var(--spacing,.25rem) * 1.5) color-mix(in oklab, var(--color-primary) 70%, transparent)}}:where([data-theme=cyber-sakura]) .project-case-stack-dot{--project-case-dot-radius:50%;--project-case-dot-glow:0 0 calc(var(--spacing,.25rem) * 1.5) transparent}.project-case-stack-dot{vertical-align:middle;width:calc(var(--spacing,.25rem) * 1.5);height:calc(var(--spacing,.25rem) * 1.5);background-color:var(--color-primary);border-radius:var(--project-case-dot-radius);box-shadow:var(--project-case-dot-glow);flex-shrink:0;transition-property:background-color,border-radius,box-shadow;display:inline-block}@media (prefers-reduced-motion:reduce){.project-case-stack-dot{transition-property:none}}.project-case-stack-legend{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:calc(var(--spacing,.25rem) * 3);color:#fcfcf2a8;margin:0;line-height:1.5;display:flex}@supports (color:color-mix(in lab, red, red)){.project-case-stack-legend{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-next{--project-case-next-line:var(--project-case-accent)}@supports (color:color-mix(in lab, red, red)){.project-case-next{--project-case-next-line:color-mix(in oklab, var(--project-case-accent) var(--project-case-line), transparent)}}.project-case-next{--project-case-next-fill:var(--project-case-accent)}@supports (color:color-mix(in lab, red, red)){.project-case-next{--project-case-next-fill:color-mix(in srgb, var(--project-case-accent) var(--project-case-soft), var(--color-base-200))}}.project-case-next{--project-case-next-nudge:0rem;padding:calc(var(--spacing,.25rem) * .25);background-color:var(--project-case-next-line);border-radius:var(--radius-box);clip-path:polygon(var(--cut-field) 0, 100% 0, 100% calc(100% - var(--cut-field)), calc(100% - var(--cut-field)) 100%, 0 100%, 0 var(--cut-field));outline:calc(var(--spacing,.25rem) * .5) solid transparent;text-decoration-line:none;transition-property:background-color,border-radius,clip-path,outline-color;display:block}@media (hover:hover){.project-case-next:hover{--project-case-next-line:var(--project-case-accent);--project-case-next-nudge:calc(var(--spacing,.25rem) * 1.5)}}.project-case-next:focus-visible{--project-case-next-line:var(--project-case-accent);--project-case-next-nudge:calc(var(--spacing,.25rem) * 1.5);outline-color:var(--color-brand)}@media (prefers-reduced-motion:reduce){.project-case-next{transition-property:none}}.project-case-next-box{justify-content:space-between;align-items:center;gap:calc(var(--spacing,.25rem) * 4);padding:calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 4.5);background-color:var(--project-case-next-fill);border-radius:max(0rem, calc(var(--radius-box) - calc(var(--spacing,.25rem) * .25)));clip-path:polygon(var(--cut-field) 0, 100% 0, 100% calc(100% - var(--cut-field)), calc(100% - var(--cut-field)) 100%, 0 100%, 0 var(--cut-field));transition-property:background-color,border-radius,clip-path;display:flex}@media (width>=48rem){.project-case-next-box{padding:calc(var(--spacing,.25rem) * 5.5) calc(var(--spacing,.25rem) * 6)}}@media (width>=64rem){.project-case-next-box{padding:calc(var(--spacing,.25rem) * 6) calc(var(--spacing,.25rem) * 7)}}@media (prefers-reduced-motion:reduce){.project-case-next-box{transition-property:none}}.project-case-next-text{gap:calc(var(--spacing,.25rem) * 1.5);flex-direction:column;min-width:0;display:flex}.project-case-next-label{text-transform:uppercase;font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.22em;color:var(--project-case-ink);line-height:1.25}.project-case-next-name{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 5);line-height:1.2}@media (width>=48rem){.project-case-next-name{font-size:calc(var(--spacing,.25rem) * 5.5)}}@media (width>=64rem){.project-case-next-name{font-size:calc(var(--spacing,.25rem) * 6)}}.project-case-next-icon{width:calc(var(--spacing,.25rem) * 5.5);aspect-ratio:18/12;color:var(--project-case-ink);translate:var(--project-case-next-nudge);flex-shrink:0;transition-property:translate,color,background-color}@media (prefers-reduced-motion:reduce){.project-case-next-icon{transition-property:none}}.project-case-pipeline{align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);flex-wrap:wrap;margin:0;padding:0;list-style-type:none;display:flex}.project-case-pipeline-step{align-items:center;gap:calc(var(--spacing,.25rem) * 2.5);flex-wrap:wrap;display:flex}.project-case-pipeline-stage{--badge-ink:var(--color-base-content);font-size:calc(var(--spacing,.25rem) * 3.5);padding-block:calc(var(--badge-border) + calc(var(--spacing,.25rem) * 1.25));padding-inline:calc(var(--badge-border) + calc(var(--spacing,.25rem) * 3));line-height:1.5}.project-case-pipeline-step:hover .project-case-pipeline-stage{--badge-fill:#380d4c}@supports (color:color-mix(in lab, red, red)){.project-case-pipeline-step:hover .project-case-pipeline-stage{--badge-fill:color-mix(in srgb, var(--color-accent) 22%, var(--color-base-200))}}.project-case-pipeline-link{align-items:center;gap:calc(var(--spacing,.25rem) * 2);font-size:calc(var(--spacing,.25rem) * 3.5);color:#fcfcf2a8;line-height:1.5;display:inline-flex}@supports (color:color-mix(in lab, red, red)){.project-case-pipeline-link{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-pipeline-arrow{width:calc(var(--spacing,.25rem) * 3.5);aspect-ratio:18/12;color:var(--color-accent-ink);transition-property:translate,color,background-color;translate:0}.project-case-pipeline-step:hover .project-case-pipeline-arrow{translate:var(--spacing,.25rem)}@media (prefers-reduced-motion:reduce){.project-case-pipeline-arrow{transition-property:none}}.project-case-results{--project-case-results-line:#ff1f4373}@supports (color:color-mix(in lab, red, red)){.project-case-results{--project-case-results-line:color-mix(in oklab, var(--color-primary) 45%, transparent)}}.project-case-results{--project-case-results-fill:var(--color-base-200)}:where([data-theme=cyber-sakura]) .project-case-results{--project-case-results-line:#bf01ffb3}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-results{--project-case-results-line:color-mix(in oklab, var(--color-accent) 70%, transparent)}}.project-case-results{padding:calc(var(--spacing,.25rem) * .25);background-color:var(--project-case-results-line);border-radius:var(--radius-box);clip-path:polygon(var(--cut-field) 0, 100% 0, 100% calc(100% - var(--cut-field)), calc(100% - var(--cut-field)) 100%, 0 100%, 0 var(--cut-field));transition-property:background-color,border-radius,clip-path;container-type:inline-size}@media (prefers-reduced-motion:reduce){.project-case-results{transition-property:none}}.project-case-stats{grid-template-columns:repeat(var(--project-case-stats-columns-sm,1), minmax(0, 1fr));gap:calc(var(--spacing,.25rem) * .25);background-color:var(--project-case-results-line);border-radius:max(0rem, calc(var(--radius-box) - calc(var(--spacing,.25rem) * .25)));clip-path:polygon(var(--cut-field) 0, 100% 0, 100% calc(100% - var(--cut-field)), calc(100% - var(--cut-field)) 100%, 0 100%, 0 var(--cut-field));margin:0;padding:0;list-style-type:none;transition-property:background-color,border-radius,clip-path;display:grid;overflow:hidden}@container (width>=32rem){.project-case-stats{grid-template-columns:repeat(var(--project-case-stats-columns-md,1), minmax(0, 1fr))}}@container (width>=50rem){.project-case-stats{grid-template-columns:repeat(var(--project-case-stats-columns,1), minmax(0, 1fr))}}@media (prefers-reduced-motion:reduce){.project-case-stats{transition-property:none}}.project-case-stat{gap:calc(var(--spacing,.25rem) * 1.5);min-width:0;padding:calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 5);background-color:var(--project-case-results-fill);flex-direction:column;transition-property:background-color;display:flex}@media (hover:hover){.project-case-stat:hover{background-color:oklch(64% .246 21.4)}@supports (color:color-mix(in lab, red, red)){.project-case-stat:hover{background-color:color-mix(in srgb, var(--color-primary) 6%, var(--project-case-results-fill))}}}@media (prefers-reduced-motion:reduce){.project-case-stat{transition-property:none}}.project-case-stat-value{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);color:var(--color-primary-ink,#ff1e43);--tw-numeric-spacing:tabular-nums;font-variant-numeric:var(--tw-ordinal,) var(--tw-slashed-zero,) var(--tw-numeric-figure,) var(--tw-numeric-spacing,) var(--tw-numeric-fraction,);font-size:calc(var(--spacing,.25rem) * 7);line-height:1}@media (width>=48rem){.project-case-stat-value{font-size:calc(var(--spacing,.25rem) * 8)}}@media (width>=64rem){.project-case-stat-value{font-size:calc(var(--spacing,.25rem) * 8.5)}}.project-case-stat-label{font-size:calc(var(--spacing,.25rem) * 3.5);color:#fcfcf2a8;line-height:1.5}@supports (color:color-mix(in lab, red, red)){.project-case-stat-label{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}@property --tw-ordinal{syntax:"*";inherits:false}@property --tw-slashed-zero{syntax:"*";inherits:false}@property --tw-numeric-figure{syntax:"*";inherits:false}@property --tw-numeric-spacing{syntax:"*";inherits:false}@property --tw-numeric-fraction{syntax:"*";inherits:false}.page-section.project-case-role{--page-section-gap:calc(var(--spacing,.25rem) * 4.5);--page-section-size:calc(var(--spacing,.25rem) * 5);--page-section-leading:1.2;--page-section-label-gap:calc(var(--spacing,.25rem) * 2);padding:calc(var(--spacing,.25rem) * 5.5) calc(var(--spacing,.25rem) * 5)}@media (width>=48rem){.page-section.project-case-role{--page-section-size:calc(var(--spacing,.25rem) * 5.5);padding:calc(var(--spacing,.25rem) * 5.5) calc(var(--spacing,.25rem) * 6.5)}}@media (width>=64rem){.page-section.project-case-role{--page-section-size:calc(var(--spacing,.25rem) * 6)}}.project-case-role-list{gap:calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 7);grid-template-columns:minmax(0,1fr);margin:0;padding:0;list-style-type:none;display:grid}@media (width>=48rem){.project-case-role-list{grid-template-columns:repeat(2,minmax(0,1fr))}}.project-case-role-item{gap:var(--spacing,.25rem);min-width:0;padding-left:calc(var(--spacing,.25rem) * 3);border-left:calc(var(--spacing,.25rem) * .5) solid transparent;flex-direction:column;transition-property:border-color;display:flex}@media (hover:hover){.project-case-role-item:hover{border-left-color:var(--color-primary)}}@media (prefers-reduced-motion:reduce){.project-case-role-item{transition-property:none}}.project-case-role-title{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 4.5);line-height:1.3}.project-case-role-text{color:#fcfcf2d1}@supports (color:color-mix(in lab, red, red)){.project-case-role-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 82%, transparent)}}.project-case-role-text{font-size:calc(var(--spacing,.25rem) * 3.5);line-height:1.7}:where([data-theme=cyber-sakura]) .project-case-role-text{color:#fcfcf2d6}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-role-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 84%, transparent)}}.project-case-steps{padding:calc(var(--spacing,.25rem) * .25);container-type:inline-size}.project-case-steps-list{--project-case-steps-rule:#fcfcf21f}@supports (color:color-mix(in lab, red, red)){.project-case-steps-list{--project-case-steps-rule:color-mix(in oklab, var(--color-base-content) 12%, transparent)}}.project-case-steps-list{grid-template-columns:repeat(var(--project-case-steps-columns-sm,1), minmax(0, 1fr));gap:calc(var(--spacing,.25rem) * .25);background-color:var(--project-case-steps-rule);margin:0;padding:0;list-style-type:none;display:grid}@container (width>=32rem){.project-case-steps-list{grid-template-columns:repeat(var(--project-case-steps-columns-md,1), minmax(0, 1fr))}}@container (width>=50rem){.project-case-steps-list{grid-template-columns:repeat(var(--project-case-steps-columns,1), minmax(0, 1fr))}}.project-case-step{gap:calc(var(--spacing,.25rem) * 1.5);min-width:0;padding:calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 4.5) calc(var(--spacing,.25rem) * 5);background-color:var(--color-base-200);flex-direction:column;transition-property:background-color;display:flex}@media (hover:hover){.project-case-step:hover{background-color:#20111c}@supports (color:color-mix(in lab, red, red)){.project-case-step:hover{background-color:color-mix(in srgb, var(--color-primary) 6%, var(--color-base-200))}}}@media (prefers-reduced-motion:reduce){.project-case-step{transition-property:none}}.project-case-step-index{font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.22em;color:var(--color-primary-ink);line-height:1.5;transition-property:color,translate;translate:0}.project-case-step:hover .project-case-step-index{translate:var(--spacing,.25rem)}@media (prefers-reduced-motion:reduce){.project-case-step-index{transition-property:none}}.project-case-step-title{font-family:var(--font-head,"Righteous", "Righteous Fallback", sans-serif);color:var(--color-base-content,oklch(98.8% .013 106.6));font-size:calc(var(--spacing,.25rem) * 4.5);line-height:1.3}.project-case-step-text{font-size:calc(var(--spacing,.25rem) * 3);color:#fcfcf2a8;line-height:1.6}@supports (color:color-mix(in lab, red, red)){.project-case-step-text{color:color-mix(in oklab, var(--color-base-content) 66%, transparent)}}.project-case-tone{--project-case-accent:var(--page-tone-accent);--project-case-ink:var(--page-tone-ink);--project-case-line:var(--page-tone-line);--project-case-soft:var(--page-tone-soft);--project-case-media-start:var(--page-tone-media-start);--project-case-media-end:var(--page-tone-media-end);--project-case-stage-alpha:var(--page-tone-stage-alpha);--project-case-stage-base:var(--page-tone-stage-base)}.project-case{--project-case-gap:calc(var(--spacing,.25rem) * 6.5);--page-sections-content-gap:var(--project-case-gap);--project-case-rule:#fcfcf21f}@supports (color:color-mix(in lab, red, red)){.project-case{--project-case-rule:color-mix(in oklab, var(--color-base-content) 12%, transparent)}}.project-case{padding-bottom:calc(var(--spacing,.25rem) * 14)}@media (width>=48rem){.project-case{--project-case-gap:calc(var(--spacing,.25rem) * 8);padding-bottom:calc(var(--spacing,.25rem) * 20)}}@media (width>=64rem){.project-case{--project-case-gap:calc(var(--spacing,.25rem) * 9);--page-sections-nav-inset:calc(var(--spacing,.25rem) * 18);padding-bottom:calc(var(--spacing,.25rem) * 24)}}.project-case-chapters{padding-top:calc(var(--project-case-gap) + calc(var(--spacing,.25rem) * 4));border-top:calc(var(--spacing,.25rem) * .25) solid var(--project-case-rule);flex-direction:column;display:flex}.project-case-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)){.project-case-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 82%, transparent)}}.project-case-text{font-size:calc(var(--spacing,.25rem) * 3.5);line-height:1.8}@media (width>=48rem){.project-case-text{font-size:calc(var(--spacing,.25rem) * 4)}}:where([data-theme=cyber-sakura]) .project-case-text{color:#fcfcf2d6}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-text{color:color-mix(in oklab, var(--color-base-content,oklch(98.8% .013 106.6)) 84%, transparent)}}.project-case-footer{padding-top:var(--project-case-gap);border-top:calc(var(--spacing,.25rem) * .25) solid var(--project-case-rule)}.project-case-frame{--project-case-frame-base:#ff1f4373}@supports (color:color-mix(in lab, red, red)){.project-case-frame{--project-case-frame-base:color-mix(in oklab, var(--color-primary) 45%, transparent)}}.project-case-frame{--project-case-frame-hover:var(--color-primary)}:where([data-theme=cyber-sakura]) .project-case-frame{--project-case-frame-base:#bf01ffb3}@supports (color:color-mix(in lab, red, red)){:where([data-theme=cyber-sakura]) .project-case-frame{--project-case-frame-base:color-mix(in oklab, var(--color-accent) 70%, transparent)}}:where([data-theme=cyber-sakura]) .project-case-frame{--project-case-frame-hover:var(--color-accent)}.project-case-frame{--project-case-frame-line:var(--project-case-frame-base);--project-case-frame-fill:var(--color-base-200);--project-case-frame-cut:var(--cut-box);--project-case-frame-radius:var(--radius-box);--project-case-frame-inner-cut:max(0rem, calc(var(--project-case-frame-cut) - calc(var(--spacing,.25rem) * .1)));--project-case-frame-inner-radius:max(0rem, calc(var(--project-case-frame-radius) - calc(var(--spacing,.25rem) * .25)));isolation:isolate;position:relative}.project-case-frame:before,.project-case-frame:after{pointer-events:none;z-index:calc(1 * -1);content:"";transition-property:background-color,border-radius,clip-path;position:absolute}.project-case-frame:before{background-color:var(--project-case-frame-line);border-radius:var(--project-case-frame-radius);clip-path:polygon(var(--project-case-frame-cut) 0, 100% 0, 100% calc(100% - var(--project-case-frame-cut)), calc(100% - var(--project-case-frame-cut)) 100%, 0 100%, 0 var(--project-case-frame-cut));inset:0}.project-case-frame:after{inset:calc(var(--spacing,.25rem) * .25);background-color:var(--project-case-frame-fill);border-radius:var(--project-case-frame-inner-radius);clip-path:polygon(var(--project-case-frame-inner-cut) 0, 100% 0, 100% calc(100% - var(--project-case-frame-inner-cut)), calc(100% - var(--project-case-frame-inner-cut)) 100%, 0 100%, 0 var(--project-case-frame-inner-cut))}@media (prefers-reduced-motion:reduce){.project-case-frame:before,.project-case-frame:after{transition-property:none}}.project-case-frame-field{--project-case-frame-cut:var(--cut-field);--project-case-frame-radius:var(--radius-field)}.project-case-frame-tone{--project-case-frame-base:var(--page-tone-accent)}@supports (color:color-mix(in lab, red, red)){.project-case-frame-tone{--project-case-frame-base:color-mix(in oklab, var(--page-tone-accent) var(--page-tone-line), transparent)}}.project-case-frame-tone{--project-case-frame-hover:var(--page-tone-accent)}.project-case-frame-soft{--project-case-frame-fill:var(--page-tone-accent)}@supports (color:color-mix(in lab, red, red)){.project-case-frame-soft{--project-case-frame-fill:color-mix(in srgb, var(--page-tone-accent) var(--page-tone-soft), var(--color-base-200))}}@media (hover:hover){.project-case-frame-hoverable:hover{--project-case-frame-line:var(--project-case-frame-hover)}}.project-case-frame-hoverable:focus-within{--project-case-frame-line:var(--project-case-frame-hover)}.project-case-frame-clip{border-radius:var(--project-case-frame-inner-radius);clip-path:polygon(var(--project-case-frame-inner-cut) 0, 100% 0, 100% calc(100% - var(--project-case-frame-inner-cut)), calc(100% - var(--project-case-frame-inner-cut)) 100%, 0 100%, 0 var(--project-case-frame-inner-cut));transition-property:background-color,border-radius,clip-path;overflow:hidden}@media (prefers-reduced-motion:reduce){.project-case-frame-clip{transition-property:none}}.project-case-eyebrow{text-transform:uppercase;font-size:calc(var(--spacing,.25rem) * 3);letter-spacing:.22em;color:var(--project-case-eyebrow-ink,var(--color-primary-ink));line-height:1.6;display:block}