.portfolio-sectionHero-hero{position:relative;overflow:hidden;background:var(--nuit-sitadelle);color:var(--color-neutral-1);padding-block:clamp(var(--space-3xl),8vh,var(--space-4xl))}.portfolio-sectionHero-container{position:relative;z-index:1;max-width:80rem;margin-inline:auto;padding-inline:var(--marge-page);padding-left:calc(var(--space-l) * 2)}.portfolio-sectionHero-coord{font-family:var(--font-family-code);font-size:var(--font-size-xs);letter-spacing:.18em;color:color-mix(in oklch,var(--color-neutral-2) 85%,transparent);margin-bottom:var(--space-m)}.portfolio-sectionHero-badge{margin-bottom:var(--space-l)}.portfolio-sectionHero-title{font-family:var(--font-family-heading);font-size:var(--font-size-display-m);text-wrap:balance;font-weight:var(--font-weight-bold);color:var(--color-neutral-0);line-height:1.04;letter-spacing:-.015em;max-width:22ch;margin-bottom:var(--space-l)}@media(min-width:1024px){.portfolio-sectionHero-title{font-size:clamp(3rem,4.4vw,4.25rem)}}.portfolio-sectionHero-subtitle{font-size:var(--font-size-l);color:var(--color-neutral-2);max-width:42ch;line-height:var(--line-height-expanded)}.portfolio-sectionProjects-section{padding-block:var(--space-2xl);background-color:transparent;position:relative;overflow:hidden}.portfolio-sectionProjects-container{position:relative;max-width:80rem;margin-inline:auto;padding-inline:var(--marge-page)}.portfolio-sectionProjects-grid{display:grid;grid-template-columns:1fr;gap:var(--space-l);margin-top:var(--space-2xl)}@media(min-width:768px){.portfolio-sectionProjects-grid{grid-template-columns:repeat(2,1fr)}}@media(min-width:1024px){.portfolio-sectionProjects-grid{grid-template-columns:repeat(3,1fr)}}.portfolio-sectionProjects-card{background:transparent;border:none;border-bottom:1px solid var(--color-neutral-surface-muted);border-radius:0;padding-bottom:var(--space-l);transition:border-color .4s var(--ease-expo-out)}.portfolio-sectionProjects-card:hover{border-color:var(--color-accent-surface-deep)}.portfolio-sectionProjects-cardImageWrap{aspect-ratio:16 / 10;overflow:hidden;position:relative;background:var(--color-neutral-surface-muted)}.portfolio-sectionProjects-cardImageWrap img{transition:transform .6s var(--ease-expo-out)}.portfolio-sectionProjects-card:hover .portfolio-sectionProjects-cardImageWrap img{transform:scale(1.03)}.portfolio-sectionProjects-corner{position:absolute;width:12px;height:12px;border-color:var(--color-accent-text-muted);z-index:2;pointer-events:none;opacity:0;transition:opacity .3s}.portfolio-sectionProjects-card:hover .portfolio-sectionProjects-corner{opacity:1}.portfolio-sectionProjects-cornerTl{top:7px;left:7px;border-top:1.5px solid;border-left:1.5px solid}.portfolio-sectionProjects-cornerTr{top:7px;right:7px;border-top:1.5px solid;border-right:1.5px solid}.portfolio-sectionProjects-cornerBl{bottom:7px;left:7px;border-bottom:1.5px solid;border-left:1.5px solid}.portfolio-sectionProjects-cornerBr{bottom:7px;right:7px;border-bottom:1.5px solid;border-right:1.5px solid}.portfolio-sectionProjects-plateRef,.portfolio-sectionProjects-plateIndex{position:absolute;top:var(--space-s);z-index:2;pointer-events:none;font-family:var(--font-family-code);font-size:var(--font-size-xs);letter-spacing:.14em;color:var(--color-neutral-text-muted);background:color-mix(in oklch,var(--color-neutral-10) 82%,transparent);padding:2px 8px;font-variant-numeric:tabular-nums}.portfolio-sectionProjects-plateRef{left:var(--space-s);color:var(--color-accent-text-muted)}.portfolio-sectionProjects-plateIndex{right:var(--space-s)}.portfolio-sectionProjects-cardImg{width:100%;height:100%;object-fit:cover;transition:transform .5s}.portfolio-sectionProjects-card:hover .portfolio-sectionProjects-cardImg{transform:scale(1.05)}.portfolio-sectionProjects-cardBody{padding:var(--space-l)}.portfolio-sectionProjects-category{display:block;font-family:var(--font-family-code);font-size:var(--font-size-xs);letter-spacing:.16em;text-transform:uppercase;color:var(--color-accent-text-muted);margin-bottom:var(--space-xs)}.portfolio-sectionProjects-projectTitle{font-family:var(--font-family-heading);font-size:var(--font-size-l);font-weight:var(--font-weight-semibold);color:var(--color-neutral-text-strong);margin-bottom:var(--space-xs)}.portfolio-sectionProjects-projectDesc{font-size:var(--font-size-s);color:var(--color-neutral-text-soft);line-height:var(--line-height-expanded);margin-bottom:var(--space-m)}.portfolio-sectionProjects-projectLink{display:inline-flex;align-items:center;gap:var(--space-xs);font-family:var(--font-family-code);font-size:var(--font-size-xs);letter-spacing:.14em;text-transform:uppercase;color:var(--color-neutral-text-muted);text-decoration:none;border-bottom:1px solid color-mix(in oklch,var(--color-accent-5) 45%,transparent);padding-bottom:2px;transition:color .2s,border-color .2s}.portfolio-sectionProjects-projectLink:hover{color:var(--color-accent-text-muted);border-color:var(--color-accent-5)}.portfolio-sectionProjects-projectLink:after{content:"→";transition:transform .25s var(--ease-expo-out)}.portfolio-sectionProjects-projectLink:hover:after{transform:translate(3px)}