:root{--background-color:#ffffff;--text-color:#2a356a;--foreground-color:#3152b7;--foreground-color-light:#4169e1;--foreground-color-dark:#334690;--accent-on-bg:#3152b7;--on-accent:#ffffff;--surface-color:rgba(0,0,0,0.04);--border-color:rgba(42,53,106,0.18);--text-muted:#5d658d}html.dark{--background-color:#19173b;--text-color:#ffffff;--foreground-color:#7f9cf5;--foreground-color-light:#a3bffa;--foreground-color-dark:#5a7de0;--accent-on-bg:#a3bffa;--on-accent:#19173b;--surface-color:rgba(255,255,255,0.06);--border-color:rgba(255,255,255,0.18);--text-muted:#c3c8dd}:root{--brand-size:clamp(2.5rem,1.9rem + 1.6vw,3.25rem);--nav-h:calc(max(var(--brand-size), 2.5rem) + 1rem);--scroll-offset:calc(var(--nav-h) + 2rem);--z-footer:0;--z-main:100;--z-tooltip:500;--z-header:1000;--edge-padding:clamp(1.25rem,5vw,5rem);--mw-prose:calc(80ch + (var(--edge-padding) * 2));--mw-content:calc(80rem + (var(--edge-padding) * 2));--mw-text:54ch;--mw-text-larger:54.5ch;--fs-tooltip:0.6875rem;--fs-tiny:0.75rem;--fs-small:0.875rem;--fs-body:1rem;--fs-large:1.125rem;--fs-larger:1.1875rem;--fs-minititle:1.3125rem;--fs-subtitle:1.5625rem;--fs-title:2rem;--fs-page-title:2.5rem;--fs-hero:clamp(2rem,1.25rem + 2.4vw,3.25rem);--fw-regular:400;--fw-bold:700;--lh-body:1.6;--lh-title:1.2;--btn-pad-y:0.7rem;--btn-border-w:1.5px;--btn-height:calc(var(--lh-body) * var(--fs-small) + 2 * var(--btn-pad-y) + 2 * var(--btn-border-w))}@media(min-width:900px){:root{--fs-tooltip:0.75rem;--fs-tiny:0.8125rem;--fs-small:0.9375rem;--fs-body:1.0625rem;--fs-large:1.25rem;--fs-larger:1.375rem;--fs-minititle:1.625rem;--fs-subtitle:2rem;--fs-title:2.75rem;--fs-page-title:3.75rem}}:root{scroll-behavior:smooth;scroll-padding-top:var(--scroll-offset)}body{overflow-x:hidden;position:relative;font-family:var(--ff),system-ui,sans-serif;font-size:var(--fs-body);font-weight:var(--fw-regular);line-height:var(--lh-body);background-color:var(--background-color);color:var(--text-color);transition:background-color .3s ease,color .3s ease}a{color:inherit;text-decoration:none}*{box-sizing:border-box;padding:0;margin:0}img{max-width:100%;height:auto}:focus-visible{outline:3px solid var(--accent-on-bg);outline-offset:3px;border-radius:.25rem}.skip-link{position:absolute;left:50%;top:0;transform:translate(-50%,-150%);z-index:9999;padding:.75rem 1.25rem;background:var(--foreground-color);color:var(--on-accent);border-radius:0 0 .5rem .5rem;transition:transform .2s ease}.skip-link:focus{transform:translate(-50%)}@media(prefers-reduced-motion:reduce){:root{scroll-behavior:auto}*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}.prose{display:flex;flex-direction:column;gap:1.5rem;text-align:justify;-webkit-hyphens:auto;hyphens:auto}.project-img{position:absolute;inset:0;z-index:0;display:flex;align-items:center;justify-content:center;filter:blur(4px) brightness(.6);opacity:.5}.project-img img{height:100%;object-fit:contain}.project-technos{z-index:2;list-style:none;flex-wrap:wrap;gap:.5rem;margin-top:.75rem}.header,.project-technos{position:relative;display:flex;justify-content:center}.header{align-items:center;text-align:center;margin:0;width:100%;min-height:22vh;padding-block:1.5rem 2rem;z-index:1;overflow:hidden}.header:after,.header:before{content:" ";width:15.125rem;height:15.125rem;border-radius:28.125rem;background-color:var(--foreground-color);position:absolute;z-index:0;filter:blur(150px)}.header:after{top:-1rem;left:-1rem}.header:before{bottom:2rem;right:0}.header h1,.header p{z-index:2;position:relative;text-shadow:1px 1px 4px rgba(0,0,0,.4)}.header h1{font-size:var(--fs-minititle)}.header .project-meta{display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:.5rem;margin-top:.5rem;font-size:var(--fs-small)}.header .project-meta__type{padding:.15rem .55rem;border:1px solid var(--border-color);border-radius:20px;background:var(--background-color);font-size:var(--fs-tooltip);font-weight:var(--fw-bold);text-shadow:none}.titleWithRepo{display:flex;flex-direction:row;justify-content:flex-start;align-items:center;gap:1rem}.imagePreviewBtn{background:none;border:none;padding:0;cursor:pointer;line-height:0;border-radius:.25rem}.imagePreview{margin:2px;max-height:450px;max-width:500px;height:auto}.myGallery{margin-top:1.5rem;width:100%;display:flex;flex-wrap:wrap;justify-content:center;align-items:center}@media(max-width:599px){.imagePreview{margin:2px;max-height:450px;max-width:350px}}@media(max-width:449px){.imagePreview{margin:2px;max-height:450px;max-width:200px}}.wrapper{max-width:var(--mw-content);margin-left:auto;margin-right:auto;padding-left:var(--edge-padding);padding-right:var(--edge-padding)}.wrapper--thin{max-width:var(--mw-prose)}.container{position:relative;padding-top:6rem;padding-bottom:7rem}@media(min-width:600px){.container{padding-top:7rem;padding-bottom:8rem}}@media(min-width:900px){.container{padding-top:8rem;padding-bottom:9rem}}.container--hero{min-height:calc(100vh - var(--nav-h));min-height:calc(100svh - var(--nav-h));display:flex;align-items:center;padding-top:3rem;padding-bottom:calc(3rem + var(--nav-h))}.container--hero>.wrapper{width:100%}.title{font-size:var(--fs-title);margin-bottom:1em}.title--short{margin-bottom:.75em}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:var(--btn-pad-y) 1.2rem;font-size:var(--fs-small);font-weight:500;text-align:center;text-decoration:none;color:var(--on-accent);background:linear-gradient(90deg,var(--foreground-color-light) 0,var(--foreground-color) 100%);border:var(--btn-border-w) solid var(--foreground-color-light);border-radius:.6rem;cursor:pointer;transition:color .3s ease,background .3s ease}.btn:hover{color:var(--foreground-color-light);background:rgba(0,0,0,0)}