:root{--shadow-title:0 0 4px #000;--shadow-image:0 0 16px #000,0 0 4px #000;--space-1:0.5rem;--space-2:1rem;--space-3:1.5rem;--space-4:2rem;--space-5:3rem;--space-6:4rem;--space-7:6rem;--page-width:90rem;--page-padding:clamp(1rem,4vw,4rem);--section-gap:clamp(4rem,8vw,8rem);--cut-small:1.25rem;--cut-medium:3rem;--cut-large:clamp(5rem,10vw,10rem);--border-width:2px;--font-header:"Orbitron",monospace;--font-text:"Didact Gothic",sans-serif;--text-small:clamp(0.85rem,1vw,1rem);--text-base:clamp(1rem,1.2vw,1.15rem);--text-medium:clamp(1.2rem,1.6vw,1.5rem);--text-large:clamp(1.6rem,2.5vw,2.5rem);--text-section-title:clamp(2rem,4vw,4rem);--text-hero-title:clamp(2.5rem,6vw,5rem);--transition-fast:150ms ease;--transition-base:250ms ease}:root .theme-light{--color-bg:#e8e5e3;--color-surface:#d8dbde;--color-surface-2:#adad9f;--color-accent:#ff7b00;--color-text:#0e0d0c;--color-text-muted:#5f5b57;--color-border:#8f8a84;--color-border-strong:#0e0d0c}:root .theme-dark{--color-bg:#1c1917;--color-surface:#212427;--color-surface-2:#606052;--color-accent:#ff7b00;--color-text:#f3f2f1;--color-text-muted:#b9b5b1;--color-border:#77716d;--color-border-strong:#f3f2f1}*,:after,:before{box-sizing:border-box}html{scroll-behavior:smooth}body{background-color:var(--color-bg);color:var(--color-text);font-family:Didact Gothic,sans-serif;font-family:var(--font-text);font-size:clamp(1rem,1.2vw,1.15rem);font-size:var(--text-base);margin:0;transition:background-color .25s ease,color .25s ease;transition:background-color var(--transition-base),color var(--transition-base)}button,input,select,textarea{font:inherit}a,button{color:inherit}a{text-decoration:none}img{display:block;max-width:100%}h1,h2,h3,h4,h5,h6{font-family:Orbitron,monospace;font-family:var(--font-header);font-weight:400;margin:0}p,ul{margin:0}ul{padding:0}main{width:100%}.home-section{margin-inline:auto;width:min(100% - clamp(1rem,4vw,4rem)*2,90rem);width:min(100% - var(--page-padding)*2,var(--page-width))}.btn{align-items:center;background:none;border:none;cursor:pointer;display:inline-flex;font-family:Orbitron,monospace;font-family:var(--font-header);font-size:clamp(.85rem,1vw,1rem);font-size:var(--text-small);justify-content:center;min-height:2.75rem;transition:opacity .15s ease,-webkit-transform .15s ease;transition:transform .15s ease,opacity .15s ease;transition:transform .15s ease,opacity .15s ease,-webkit-transform .15s ease;transition:opacity var(--transition-fast),-webkit-transform var(--transition-fast);transition:transform var(--transition-fast),opacity var(--transition-fast);transition:transform var(--transition-fast),opacity var(--transition-fast),-webkit-transform var(--transition-fast)}.btn:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.btn:active{-webkit-transform:translateY(0);transform:translateY(0)}.btn__shape{align-items:center;background-color:var(--color-surface);border:var(--border-width) solid var(--color-border-strong);-webkit-clip-path:polygon(0 0,calc(100% - 1.25rem) 0,100% 100%,1.25rem 100%);clip-path:polygon(0 0,calc(100% - 1.25rem) 0,100% 100%,1.25rem 100%);-webkit-clip-path:polygon(0 0,calc(100% - var(--cut-small)) 0,100% 100%,var(--cut-small) 100%);clip-path:polygon(0 0,calc(100% - var(--cut-small)) 0,100% 100%,var(--cut-small) 100%);display:flex;justify-content:center;padding:.65rem 1.4rem}.btn--trapezoid .btn__shape{background-color:var(--color-accent)}.btn--ghost-trapezoid .btn__shape{background-color:transparent}:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}@media(max-width:768px){:root{--page-padding:1rem;--space-6:3rem;--space-7:4rem;--section-gap:4rem;--cut-medium:2rem;--cut-large:3rem}}*{box-sizing:border-box;font-family:var(--font-text);margin:0;padding:0}body,html{background-color:var(--color-surface);color:var(--color-text);overflow-x:hidden}::-webkit-scrollbar{width:.75rem}::-webkit-scrollbar-track{background:var(--color-primary)}::-webkit-scrollbar-thumb{background:var(--color-accent)}::-webkit-scrollbar-thumb:hover{background:#ff9f45}li{list-style-type:none}li a{color:var(--color-text);text-decoration:none}h1{color:var(--color-accent);font-family:var(--font-header);padding:var(--space-4);text-shadow:var(--shadow-texte-img)}.trapezoid-button{--button-cut:1rem;align-items:center;background:var(--color-accent);border:0;-webkit-clip-path:polygon(0 0,calc(100% - var(--button-cut)) 0,100% 100%,var(--button-cut) 100%);clip-path:polygon(0 0,calc(100% - var(--button-cut)) 0,100% 100%,var(--button-cut) 100%);color:var(--color-surface);cursor:pointer;display:inline-flex;font:inherit;justify-content:center;min-height:3rem;min-width:9.5rem;padding:.7rem 2rem;text-decoration:none;transition:background-color .2s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out;transition:transform .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out;transition:transform .2s ease-in-out,background-color .2s ease-in-out,color .2s ease-in-out,-webkit-transform .2s ease-in-out}.trapezoid-button:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}.trapezoid-button:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.trapezoid-button--ghost{background:var(--color-text);color:var(--color-text);padding:2px}.trapezoid-button--ghost .trapezoid-button__inner{align-items:center;background:var(--color-surface);-webkit-clip-path:polygon(0 0,calc(100% - var(--button-cut)) 0,100% 100%,var(--button-cut) 100%);clip-path:polygon(0 0,calc(100% - var(--button-cut)) 0,100% 100%,var(--button-cut) 100%);color:var(--color-text);display:flex;justify-content:center;min-height:calc(3rem - 4px);padding:.7rem calc(2rem - 2px);transition:color .2s ease-in-out,background-color .2s ease-in-out;width:100%}.trapezoid-button--ghost:hover{background:var(--color-accent)}.trapezoid-button--ghost:hover .trapezoid-button__inner{color:var(--color-accent)}.download-button{min-width:3rem}.Footer{align-items:center;border-top:1px solid var(--color-accent);display:flex;flex-flow:column nowrap;justify-content:flex-start;margin-top:4rem;padding:1rem 0;row-gap:2rem}@media screen and (min-width:900px){.Footer{align-items:center;display:flex;flex-flow:row nowrap;justify-content:space-around}}.Footer a{color:var(--text-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s ease-in-out,text-decoration-thickness .2s ease-in-out}.Footer a:hover{color:var(--color-accent);text-decoration-thickness:1.5px}.Footer div{align-items:center;display:flex;flex-flow:column nowrap;height:6rem;justify-content:center;row-gap:.75rem;width:30dvw}@media screen and (min-width:900px){.Footer div{align-items:center;display:flex;flex-flow:column nowrap;justify-content:flex-start}}.Footer div .projets-footer{align-items:center;-webkit-column-gap:.75rem;column-gap:.75rem;display:flex;flex-flow:row nowrap;justify-content:space-between;text-align:center}.Header{align-items:center;border-bottom:var(--border-width) solid var(--color-border);display:grid;grid-template-columns:1fr auto 1fr;min-height:6rem;padding:var(--space-2) var(--page-padding);position:relative;-webkit-user-select:none;user-select:none;width:100%}.Header .header-control{align-items:center;display:flex;font-family:var(--font-header);font-size:var(--text-small)}.Header .header-control .MuiFormControlLabel-root{margin:0}.Header .header-control .MuiFormControlLabel-label{cursor:default;white-space:nowrap}.Header .header-theme{justify-content:flex-start}.Header .header-language{justify-content:flex-end}.Header .logo{align-items:center;aspect-ratio:1;display:flex;justify-content:center;transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast);width:clamp(3.5rem,5vw,5rem)}.Header .logo img{-webkit-user-drag:none;height:100%;object-fit:contain;width:100%}.Header .logo:hover{-webkit-transform:scale(1.05);transform:scale(1.05)}.Header .MuiSwitch-root{margin-right:var(--space-1)}.Header .MuiSwitch-switchBase{color:var(--color-text-muted)}.Header .MuiSwitch-switchBase.Mui-checked{color:var(--color-accent)}.Header .MuiSwitch-switchBase.Mui-checked+.MuiSwitch-track{background-color:var(--color-accent)}.Header .MuiSwitch-track{background-color:var(--color-border)}@media(max-width:768px){.Header{grid-template-columns:1fr auto 1fr;min-height:4.75rem;padding-inline:var(--space-2)}.Header .header-control{font-size:.75rem}.Header .logo{width:3.25rem}.Header .MuiSwitch-root{margin-right:0}.Header .MuiFormControlLabel-label{display:none}}.HomePage .hero{align-items:center;display:flex;margin-inline:auto;min-height:24rem;width:min(100% - var(--page-padding)*2,var(--page-width))}.HomePage .hero .hero-content{align-items:flex-start;display:flex;flex-direction:column;gap:var(--space-2);width:75%}.HomePage .hero .hero-title{align-self:flex-start;font-size:var(--text-hero-title);line-height:1}.HomePage .hero .hero-sub{align-self:center;color:var(--color-text-muted);font-family:var(--font-header);font-size:var(--text-medium)}.HomePage .hero .hero-ctas{align-items:center;align-self:flex-end;display:flex;gap:var(--space-2);margin-top:var(--space-1)}.HomePage .hero .hero-ctas .btn__shape{position:static;-webkit-transform:none;transform:none}.HomePage .home-section{margin-top:var(--section-gap)}.HomePage .cv-row{align-items:center;display:flex;gap:var(--space-2);justify-content:center;margin:var(--section-gap) auto;width:min(100% - var(--page-padding)*2,var(--page-width))}.HomePage .cv-row .btn{border:var(--border-width) solid var(--color-border-strong);font-family:var(--font-header);font-size:var(--text-small);padding:.7rem 1.4rem}.HomePage .cv-row .btn-primary{background-color:var(--color-accent)}.HomePage .cv-row .btn-ghost{background-color:transparent}@media(max-width:768px){.HomePage .hero{min-height:20rem}.HomePage .hero .hero-content{width:100%}.HomePage .hero .hero-title{font-size:clamp(2.4rem,12vw,4rem)}.HomePage .hero .hero-sub{align-self:flex-start;font-size:1rem;line-height:1.5;max-width:24rem}.HomePage .hero .hero-ctas{align-self:flex-start;flex-wrap:wrap}.HomePage .home-section{margin-top:var(--space-7)}.HomePage .cv-row{flex-wrap:wrap;margin-block:var(--space-7)}}.resume-actions{align-items:stretch;display:flex}.resume-actions .btn__shape{-webkit-clip-path:polygon(var(--cut-small) 0,100% 0,100% 100%,0 100%);clip-path:polygon(var(--cut-small) 0,100% 0,100% 100%,0 100%)}.resume-actions .resume-download{align-items:center;border:var(--border-width) solid var(--color-border-strong);border-left:none;display:flex;font-family:var(--font-header);font-size:1.25rem;justify-content:center;transition:background-color var(--transition-fast),color var(--transition-fast);width:2.75rem}.resume-actions .resume-download:hover{background-color:var(--color-accent)}.About{--content-left:max(var(--page-padding),calc((100vw - var(--page-width))/2));margin-left:calc(50% - 50vw);min-height:65rem;overflow:hidden;position:relative;width:100vw}.About h1{color:var(--color-accent);font-size:var(--text-section-title);left:30dvw;line-height:1;position:absolute;top:2rem;z-index:3}.About .about-image{height:50rem;overflow:hidden;position:absolute;width:70vw}.About .about-image img{display:block;height:100%;object-fit:cover;object-position:center;width:100%}.About .about-image--top{-webkit-clip-path:polygon(28% 0,100% 0,100% 100%);clip-path:polygon(28% 0,100% 0,100% 100%);right:0;top:0}.About .about-image--bottom{bottom:0;-webkit-clip-path:polygon(0 0,0 100%,72% 100%);clip-path:polygon(0 0,0 100%,72% 100%);left:0}.About .about-block{max-width:calc(100vw - var(--page-padding)*2);position:absolute;width:28rem;z-index:2}.About .about-block ul{display:flex;flex-direction:column;gap:var(--space-2);list-style:none}.About .about-block li{line-height:1.5;padding-left:1.5rem;position:relative}.About .about-block li:before{border:1px solid var(--color-text);content:"";height:.45rem;left:0;position:absolute;top:.6em;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.45rem}.About .about-block li.done:before{background-color:var(--color-accent);border-color:var(--color-accent)}.About .about-currentState{left:calc(var(--content-left));top:10rem}.About .about-goals{left:calc(var(--content-left) + 22.5dvw);top:27rem}.About .about-enjoyments{left:calc(var(--content-left) + 45dvw);top:44rem}@media(max-width:1600px){.About h1{left:15dvw}.About .about-image{height:40rem}}@media(max-width:768px){.About{display:flex;flex-direction:column;gap:var(--space-4);left:1rem;min-height:0;overflow:visible}.About h1{font-size:var(--text-section-title);position:static}.About .about-image,.About:after,.About:before{display:none}.About .about-block{border-bottom:var(--border-width) solid var(--color-border);padding-bottom:var(--space-3);position:static;width:100%}.About .about-block:last-of-type{border-bottom:none}.About .about-block ul{gap:var(--space-2)}}.ProjectsSection{width:100%}.ProjectsSection h2,.ProjectsSection h3{font-family:var(--font-header);font-weight:400}.ProjectsSection .featured{display:flex;flex-direction:column;gap:var(--space-3);margin-bottom:var(--space-7)}.ProjectsSection .featured>h2{color:var(--color-accent);font-size:var(--text-section-title);text-align:center}.ProjectsSection .carousel{grid-gap:var(--space-2);align-items:center;display:grid;gap:var(--space-2);grid-template-columns:auto 1fr auto;position:relative;width:100%}.ProjectsSection .featured-card{-webkit-clip-path:polygon(0 0,82% 0,100% 100%,0 100%);clip-path:polygon(0 0,82% 0,100% 100%,0 100%);height:clamp(20rem,36vw,34rem);overflow:hidden;position:relative;width:100%}.ProjectsSection .featured-card .card-link{display:block;height:100%;width:100%}.ProjectsSection .featured-card .card-media{background-position:50%;background-repeat:no-repeat;background-size:cover;height:100%;transition:-webkit-transform var(--transition-base);transition:transform var(--transition-base);transition:transform var(--transition-base),-webkit-transform var(--transition-base);width:100%}.ProjectsSection .featured-card .card-overlay{align-items:flex-start;background:linear-gradient(0deg,rgba(0,0,0,.85),rgba(0,0,0,.15) 60%,transparent);display:flex;flex-direction:column;gap:var(--space-2);inset:0;justify-content:flex-end;opacity:0;padding:var(--space-4) calc(var(--cut-large) + var(--space-4)) var(--space-4) var(--space-4);position:absolute;transition:opacity var(--transition-base)}.ProjectsSection .featured-card .card-overlay h3{color:#fff;font-size:var(--text-large)}.ProjectsSection .featured-card .card-overlay .card-sub{color:#fff;max-width:40rem}.ProjectsSection .featured-card:hover .card-media{-webkit-transform:scale(1.025);transform:scale(1.025)}.ProjectsSection .featured-card:hover .card-overlay{opacity:1}.ProjectsSection .carousel-nav{align-items:center;background:transparent;border:none;color:var(--color-text);cursor:pointer;display:flex;font-family:var(--font-header);font-size:2.5rem;height:4rem;justify-content:center;transition:color var(--transition-fast),-webkit-transform var(--transition-fast);transition:color var(--transition-fast),transform var(--transition-fast);transition:color var(--transition-fast),transform var(--transition-fast),-webkit-transform var(--transition-fast);width:3rem}.ProjectsSection .carousel-nav:hover{color:var(--color-accent);-webkit-transform:scale(1.1);transform:scale(1.1)}.ProjectsSection .carousel-counter{color:var(--color-text-muted);font-family:var(--font-header);font-size:var(--text-small);text-align:center}.ProjectsSection .card-tags,.ProjectsSection .tags-row{display:flex;flex-wrap:wrap;gap:.65rem 1.4rem}.ProjectsSection .tag-badge{background:transparent;border:0;color:var(--color-text);display:inline-block;padding-left:1.35rem;position:relative}.ProjectsSection .tag-badge:before{background:var(--color-accent);content:"";height:.45rem;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:.45rem}.ProjectsSection .projects-controls{align-items:flex-end;display:flex;flex-wrap:wrap;gap:var(--space-3);margin-bottom:var(--space-5)}.ProjectsSection .projects-controls .control-group{display:flex;flex-direction:column;gap:.35rem}.ProjectsSection .projects-controls .control-group label{font-family:var(--font-header);font-size:.75rem}.ProjectsSection .projects-controls .control-group select{background-color:var(--color-bg);border:var(--border-width) solid var(--color-border);border-radius:0;color:var(--color-text);cursor:pointer;min-width:9rem;padding:.5rem 2rem .5rem .75rem}.ProjectsSection .projects-controls .control-group select:focus{border-color:var(--color-accent)}.ProjectsSection .projects-list>h3{font-size:var(--text-large);margin-bottom:var(--space-3)}.ProjectsSection .projects-list .projects-controls{margin-bottom:var(--space-5)}.ProjectsSection .projects-grid{display:flex;flex-direction:column;gap:var(--space-5)}.ProjectsSection .project-card{width:100%}.ProjectsSection .project-card .card-link{align-items:center;display:grid;grid-template-columns:minmax(22rem,55%) 1fr;min-height:16rem}.ProjectsSection .project-card .thumb{background-position:50%;background-repeat:no-repeat;background-size:cover;-webkit-clip-path:polygon(0 0,78% 0,100% 100%,0 100%);clip-path:polygon(0 0,78% 0,100% 100%,0 100%);height:16rem;transition:-webkit-transform var(--transition-fast);transition:transform var(--transition-fast);transition:transform var(--transition-fast),-webkit-transform var(--transition-fast);width:100%}.ProjectsSection .project-card .info{display:flex;flex-direction:column;gap:var(--space-2);padding:var(--space-3)}.ProjectsSection .project-card .info h4{font-size:var(--text-medium);transition:color var(--transition-fast)}.ProjectsSection .project-card .info .preview{color:var(--color-text-muted);line-height:1.5;max-width:30rem}.ProjectsSection .project-card:hover .thumb{-webkit-transform:translateX(.4rem);transform:translateX(.4rem)}.ProjectsSection .project-card:hover h4{color:var(--color-accent)}.ProjectsSection .show-more-container{display:flex;justify-content:center;margin-top:2rem}.ProjectsSection .show-more{--cut:1rem;align-self:center;background:var(--color-accent);border:0;-webkit-clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% 100%,var(--cut) 100%);clip-path:polygon(0 0,calc(100% - var(--cut)) 0,100% 100%,var(--cut) 100%);color:var(--color-background);cursor:pointer;margin:0;padding:.65rem 1.8rem;transition:-webkit-transform .16s ease;transition:transform .16s ease;transition:transform .16s ease,-webkit-transform .16s ease}.ProjectsSection .show-more:hover{-webkit-transform:translateY(-2px);transform:translateY(-2px)}@media(max-width:768px){.ProjectsSection .featured{margin-bottom:var(--space-6)}.ProjectsSection .featured>h2{text-align:left}.ProjectsSection .carousel{display:block}.ProjectsSection .featured-card,.ProjectsSection .tag-badge{-webkit-clip-path:none;clip-path:none}.ProjectsSection .featured-card{height:auto;overflow:visible}.ProjectsSection .featured-card .card-link{display:flex;flex-direction:column}.ProjectsSection .featured-card .card-media{height:15rem;order:2;width:100%}.ProjectsSection .featured-card .card-overlay{background:none;display:flex;opacity:1;order:3;padding:var(--space-2) 0 0;position:static}.ProjectsSection .featured-card .card-overlay h3{color:var(--color-text);font-size:var(--text-medium);margin-bottom:var(--space-1);order:-1}.ProjectsSection .featured-card .card-overlay .card-sub{color:var(--color-text-muted)}.ProjectsSection .featured-card:hover .card-media{-webkit-transform:none;transform:none}.ProjectsSection .carousel-nav{display:none}.ProjectsSection .carousel-counter{margin-top:var(--space-2)}.ProjectsSection .projects-controls{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:1fr 1fr}.ProjectsSection .projects-controls .control-group select{min-width:0;width:100%}.ProjectsSection .project-card .card-link{display:flex;flex-direction:column;min-height:0}.ProjectsSection .project-card .info{display:contents}.ProjectsSection .project-card h4{margin-bottom:var(--space-2);order:1;width:100%}.ProjectsSection .project-card .thumb{-webkit-clip-path:none;clip-path:none;height:14rem;order:2;width:100%}.ProjectsSection .project-card .preview{margin-top:var(--space-2);max-width:none;order:3;width:100%}.ProjectsSection .project-card .tags-row{margin-top:var(--space-2);order:4;width:100%}.ProjectsSection .project-card:hover .thumb{-webkit-transform:none;transform:none}}.SingleProject{display:flex;flex-direction:column;gap:var(--space-4);margin:0 auto;padding:var(--space-4) 0 var(--space-5);width:100%}.project-bottom-nav,.project-top-nav{display:flex;justify-content:center;margin:0 auto;width:min(1400px,100% - 2rem)}.project-top-nav{margin-bottom:var(--space-2)}.project-bottom-nav{margin-top:var(--space-4)}.back-link{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.project-heading{margin:0 auto;position:relative;width:min(1400px,100% - 2rem);z-index:2}.project-heading h1{font-size:clamp(3rem,6vw,6.5rem);line-height:.95;margin:0}.project-hero{align-items:stretch;display:grid;grid-template-columns:minmax(0,1.6fr) minmax(18rem,.9fr);min-height:clamp(22rem,38vw,38rem);overflow:hidden;width:100%}.banner-image{-webkit-clip-path:polygon(0 0,72% 0,100% 100%,0 100%);clip-path:polygon(0 0,72% 0,100% 100%,0 100%);height:100%;min-width:0;overflow:hidden}.banner-image img{display:block;height:100%;min-height:inherit;object-fit:cover;width:100%}.project-highlights{display:flex;flex-direction:column;justify-content:center;padding:clamp(2rem,4vw,5rem) clamp(2rem,5vw,6rem) clamp(2rem,4vw,5rem) clamp(1rem,2vw,2rem)}.project-highlights h2{font-size:clamp(2rem,3vw,3.5rem);font-weight:500;margin:0 0 var(--space-3)}.project-highlights ul{grid-gap:var(--space-2);display:grid;gap:var(--space-2);list-style:none;margin:0;padding:0}.project-highlights li{font-size:clamp(1rem,1.15vw,1.3rem);line-height:1.5;padding-left:1.6rem;position:relative}.project-highlights li:before{background:var(--color-accent);content:"";height:.65rem;left:.15rem;position:absolute;top:.55em;-webkit-transform:rotate(45deg);transform:rotate(45deg);width:.65rem}.project-content{display:flex;flex-direction:column;gap:clamp(4rem,8vw,8rem);margin:0 auto;width:min(1400px,100% - 2rem)}.project-tags{display:flex;flex-wrap:wrap;gap:.75rem 1.6rem;margin-top:calc(var(--space-2)*-1)}.tag-badge{padding-left:1rem;position:relative}.tag-badge:before{background:var(--color-accent);content:"";height:.55rem;left:0;position:absolute;top:50%;-webkit-transform:translateY(-50%) rotate(45deg);transform:translateY(-50%) rotate(45deg);width:.55rem}.project-description-section{margin:0 auto;width:min(950px,100%)}.project-description-section h2{font-size:clamp(2.4rem,4vw,4rem);font-weight:500;margin:0 0 var(--space-3)}.project-description{grid-gap:var(--space-3);display:grid;font-size:clamp(1.05rem,.8vw + .9rem,1.35rem);gap:var(--space-3);line-height:1.7}.project-description p{margin:0}.project-description .text-toggle{justify-self:center;margin-top:var(--space-1)}.project-links-block{margin:0 auto;width:min(950px,100%)}.project-links-block h2{font-size:clamp(2rem,3vw,3rem);font-weight:500;margin:0 0 var(--space-2)}.project-links{align-items:flex-start;display:flex;flex-direction:column;gap:.5rem}.project-links .project-link{color:var(--text-color);text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:4px;transition:color .2s ease-in-out,text-decoration-thickness .2s ease-in-out}.project-links .project-link:hover{color:var(--color-accent);text-decoration-thickness:1.5px}.project-meta{grid-gap:var(--space-2);display:grid;gap:var(--space-2);justify-items:end;margin:calc(var(--space-2)*-1) auto 0;width:min(950px,100%)}.meta-toggle{width:-webkit-fit-content;width:-moz-fit-content;width:fit-content}.meta-panel{grid-gap:.5rem;background:color-mix(in srgb,var(--color-surface) 92%,transparent);box-shadow:var(--shadow-image);display:grid;gap:.5rem;padding:var(--space-3);width:min(32rem,100%)}.meta-panel p{margin:0}.meta-panel h3{margin:var(--space-2) 0 0}.meta-panel ul{margin:0;padding-left:1.25rem}.project-screenshots{grid-gap:var(--space-3);display:grid;gap:var(--space-3);margin:0 auto;width:min(1100px,100%)}.project-screenshots h2{font-size:clamp(2.5rem,4vw,4rem);font-weight:500;margin:0}.screenshots-grid{grid-gap:var(--space-2);display:grid;gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.screenshots-grid img{aspect-ratio:16/10;border:0;display:block;object-fit:cover;width:100%}.project-screenshots .text-toggle{justify-self:center}@media(max-width:1000px){.project-hero{grid-template-columns:minmax(0,1.25fr) minmax(16rem,.85fr)}.banner-image{-webkit-clip-path:polygon(0 0,68% 0,100% 100%,0 100%);clip-path:polygon(0 0,68% 0,100% 100%,0 100%)}.project-highlights{padding-right:1.5rem}}@media(max-width:800px){.SingleProject{gap:var(--space-3)}.project-heading h1{font-size:clamp(2.8rem,10vw,5rem)}.project-hero{grid-template-columns:1fr;min-height:0}.banner-image{-webkit-clip-path:none;clip-path:none;height:clamp(18rem,60vw,30rem)}.banner-image img{min-height:0}.project-highlights{padding:var(--space-3) 1rem 0}.project-highlights h2{margin-bottom:var(--space-2)}.project-content{gap:clamp(3.5rem,10vw,6rem)}.project-tags{margin-top:0}.screenshots-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-meta{justify-items:center}}@media(max-width:550px){.project-bottom-nav,.project-content,.project-heading,.project-top-nav{width:calc(100% - 1.25rem)}.project-heading h1{font-size:clamp(2.6rem,13vw,4rem)}.banner-image{height:65vw;min-height:14rem}.project-highlights{padding-inline:.75rem}.project-highlights h2{font-size:clamp(2rem,9vw,2.8rem)}.project-highlights li{font-size:1rem}.project-tags{gap:.65rem 1.1rem}.project-description-section h2,.project-screenshots h2{font-size:clamp(2.2rem,11vw,3.2rem)}.project-description{font-size:1rem;line-height:1.65}.screenshots-grid{grid-template-columns:1fr}.meta-panel{padding:var(--space-2)}}
/*# sourceMappingURL=main.53b6aba2.css.map*/