.nav{position:fixed;top:0;left:0;right:0;z-index:50;display:flex;align-items:center;justify-content:space-between;gap:1.5rem;padding:1rem clamp(1.1rem,4vw,3rem);transition:background .4s ease,border-color .4s ease,backdrop-filter .4s ease;border-bottom:1px solid transparent}.nav.is-scrolled{background:#0e0c0bb8;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom-color:var(--line)}.nav__brand{font-family:var(--font-mono);font-size:.9rem;letter-spacing:.14em;color:var(--ink);display:inline-flex;align-items:center;gap:.45rem}.nav__brand span{color:var(--coral);font-size:.7rem}.nav__links{display:flex;align-items:center;gap:clamp(.9rem,2.4vw,2.2rem)}.nav__link{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);position:relative;padding:.3rem 0;transition:color .35s ease}.nav__link:hover,.nav__link.is-active{color:var(--ink)}.nav__link.is-active:after{content:"";position:absolute;left:0;bottom:-2px;width:100%;height:1px;background:var(--coral)}.nav__link--cta{color:var(--coral)}.nav__link--cta:hover{color:var(--coral-soft)}.nav__lang{display:inline-flex;align-items:center;gap:.35rem;background:transparent;border:none;cursor:pointer;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;color:var(--muted);padding:.3rem 0}.nav__lang span.is-on{color:var(--ink)}.nav__lang-sep{opacity:.5}.nav__lang:hover span:not(.is-on){color:var(--ink-dim)}@media (max-width: 560px){.nav{padding:.8rem 1.1rem}.nav__links{gap:.9rem}.nav__link{font-size:.64rem;letter-spacing:.08em}}.page-hero{max-width:var(--max);margin:0 auto;padding:clamp(7rem,16vh,11rem) var(--pad) clamp(2rem,6vh,4rem)}.page-hero__back{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);display:inline-block;margin-bottom:1.8rem;transition:color .35s ease}.page-hero__back:hover{color:var(--coral)}.page-hero__title{font-size:clamp(3rem,9vw,7rem);margin:1.2rem 0 1.6rem;letter-spacing:-.03em}.page-hero__lead{color:var(--ink-dim);max-width:52ch;font-size:clamp(1rem,1.4vw,1.2rem)}.section--flush{padding-top:0}.work__head{margin-bottom:clamp(2.5rem,7vh,4.5rem)}.work__title{font-size:clamp(2.2rem,5.5vw,4.5rem);margin-top:1.2rem}.work__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,280px),1fr));gap:1.2rem}.cat{--cat-accent: var(--coral);display:flex;flex-direction:column;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:var(--bg-2);transition:border-color .4s ease,transform .5s cubic-bezier(.16,1,.3,1)}.cat:hover{border-color:var(--cat-accent);transform:translateY(-4px)}.cat__media{aspect-ratio:16 / 10;overflow:hidden;position:relative;background:color-mix(in srgb,var(--cat-accent) 16%,var(--surface));display:flex;align-items:center;justify-content:center}.cat__media img{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.cat:hover .cat__media img{transform:scale(1.06)}.cat__glyph{font-size:2.4rem;color:var(--cat-accent);opacity:.8}.cat__body{padding:1.4rem 1.5rem 1.6rem;display:flex;flex-direction:column;gap:.6rem;flex:1}.cat__index{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;color:var(--cat-accent)}.cat__title{font-size:1.7rem}.cat__blurb{color:var(--ink-dim);font-size:.94rem;flex:1}.cat__foot{display:flex;align-items:center;justify-content:space-between;margin-top:.6rem;padding-top:1rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;text-transform:uppercase}.cat__count{color:var(--muted)}.cat__arrow{color:var(--ink);transition:color .35s ease}.cat:hover .cat__arrow{color:var(--cat-accent)}.sites{display:grid;gap:1.2rem}.site{border:1px solid var(--line);border-radius:14px;background:var(--bg-2);padding:clamp(1.6rem,3vw,2.4rem);transition:border-color .4s ease}.site:hover{border-color:var(--line-strong)}.site__top{display:flex;align-items:baseline;justify-content:space-between;gap:1rem}.site__title{font-size:clamp(1.7rem,3.6vw,2.6rem)}.site__status{font-family:var(--font-mono);font-size:.62rem;letter-spacing:.12em;text-transform:uppercase;padding:.35rem .7rem;border-radius:100px;white-space:nowrap;border:1px solid var(--line-strong);color:var(--muted)}.site__status--live{color:var(--coral-soft);border-color:#c3c7cf61}.site__status--wip{color:var(--coral-soft);border-color:#c3c7cf4d}.site__subtitle{font-family:var(--font-mono);font-size:.76rem;letter-spacing:.06em;text-transform:uppercase;color:var(--coral);margin:.6rem 0 1rem}.site__desc{color:var(--ink-dim);max-width:60ch}.site__foot{display:flex;align-items:center;justify-content:space-between;gap:1rem;margin-top:1.6rem;flex-wrap:wrap}.site__tags{list-style:none;display:flex;flex-wrap:wrap;gap:.5rem}.site__tags li{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.04em;color:var(--ink-dim);border:1px solid var(--line);border-radius:100px;padding:.35rem .8rem}.site__link{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--ink)}.site__link:hover{color:var(--coral)}.notfound{min-height:70vh;display:flex;flex-direction:column;justify-content:center;gap:1.5rem;align-items:flex-start;padding-top:clamp(7rem,16vh,11rem)}.notfound__title{font-size:clamp(2.6rem,8vw,6rem)}.hero{position:relative;min-height:100svh;display:flex;align-items:center;padding:6rem var(--pad) 3rem;max-width:var(--max);margin:0 auto;overflow:hidden}.hero__grain{position:absolute;top:-10%;right:40%;bottom:20%;left:-10%;background:radial-gradient(60% 60% at 30% 40%,var(--coral-glow),transparent 70%);filter:blur(30px);pointer-events:none}.hero__inner{position:relative;z-index:2;width:100%}.hero__title{font-size:clamp(3.4rem,12vw,11rem);margin:1.2rem 0 2.4rem;letter-spacing:-.045em}.hero__line{display:block}.hero__line--indent{padding-left:.16em;font-style:italic;font-weight:300;color:var(--ink-dim)}.hero__dot{color:var(--coral)}.hero__foot{display:flex;justify-content:space-between;align-items:flex-end;gap:2rem;flex-wrap:wrap}.hero__role{font-size:clamp(1rem,1.4vw,1.25rem);color:var(--ink-dim);max-width:30ch;line-height:1.5}.hero__amp{font-family:var(--font-display);font-style:italic;color:var(--coral)}.hero__scroll{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.2em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:.9rem}.hero__scroll-line{width:3.4rem;height:1px;background:var(--muted);position:relative;overflow:hidden}.hero__scroll-line:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:var(--coral);transform:translate(-100%);animation:slide 2.4s ease-in-out infinite}@keyframes slide{50%{transform:translate(0)}to{transform:translate(100%)}}.hero__side{position:absolute;bottom:2.2rem;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.24em;text-transform:uppercase;color:var(--muted)}.hero__side--l{left:var(--pad);display:none}.hero__side--r{right:var(--pad);display:none}.about__grid{display:grid;gap:2.6rem}.about__statement{font-size:clamp(1.7rem,4.2vw,3.5rem);max-width:20ch;line-height:1.08;font-weight:300}.about__statement em{font-style:italic;color:var(--coral)}.about__cols{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,300px),1fr));gap:2rem;max-width:780px;color:var(--ink-dim)}.about__facts{list-style:none;display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:1.5rem}.about__facts li{background:var(--bg);padding:1.4rem 1.5rem;font-size:1.05rem}.about__facts span{display:block;font-family:var(--font-mono);font-size:.66rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:.5rem}.projects__head{max-width:720px;margin-bottom:clamp(3rem,8vh,6rem)}.projects__title{font-size:clamp(2.4rem,6vw,5rem);margin:1.4rem 0 1.6rem}.projects__lead{color:var(--ink-dim);max-width:48ch}.projects__list{display:flex;flex-direction:column;gap:clamp(5rem,14vh,10rem)}.project{display:grid;grid-template-columns:1.15fr .85fr;gap:clamp(2rem,5vw,4.5rem);align-items:center}.project--flip .project__viewer{order:2}.project__body{position:relative}.project__index{position:absolute;top:-3.4rem;right:0;font-family:var(--font-display);font-size:clamp(4rem,9vw,8rem);color:var(--surface);line-height:1;z-index:-1;pointer-events:none}.project__title{font-size:clamp(2rem,4.4vw,3.3rem)}.project__subtitle{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.08em;text-transform:uppercase;color:var(--coral);margin:.9rem 0 1.4rem}.project__desc{color:var(--ink-dim);max-width:42ch}.project__meta{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2rem}.project__meta>div{background:var(--bg);padding:.95rem 1.1rem}.project__meta dt{font-family:var(--font-mono);font-size:.6rem;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:.3rem}.project__meta dd{font-size:.95rem}@media (max-width: 820px){.project{grid-template-columns:1fr;gap:2rem}.project--flip .project__viewer{order:0}.project__index{top:-2.4rem}}.viewer{position:relative;border:1px solid var(--line);border-radius:14px;overflow:hidden;background:#121317}.viewer__media{aspect-ratio:1 / 1;overflow:hidden}.viewer__media img,.viewer__media video{width:100%;height:100%;object-fit:cover;display:block;transition:transform 1.2s cubic-bezier(.16,1,.3,1)}.viewer:hover .viewer__media img,.viewer:hover .viewer__media video{transform:scale(1.04)}.viewer__poster{display:block;width:100%;aspect-ratio:1 / 1;border:none;padding:0;cursor:pointer;position:relative;background:#121317;overflow:hidden}.viewer__poster img,.viewer__poster video{width:100%;height:100%;object-fit:cover;transition:transform 1.1s cubic-bezier(.16,1,.3,1),filter .6s ease}.viewer__poster:hover img,.viewer__poster:hover video{transform:scale(1.05);filter:brightness(.72)}.viewer__cta{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;gap:.7rem;font-family:var(--font-mono);font-size:.8rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);opacity:0;transition:opacity .5s ease;background:#140e0c59;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.viewer__cta-icon{color:var(--coral);animation:spin 6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.viewer__poster:hover .viewer__cta{opacity:1}.viewer__hint{position:absolute;bottom:.9rem;left:1rem;font-family:var(--font-mono);font-size:.62rem;letter-spacing:.14em;text-transform:uppercase;color:var(--ink);background:#0006;padding:.3rem .6rem;border-radius:100px}.viewer__stage{aspect-ratio:1 / 1;position:relative}.viewer__stage video{width:100%;height:100%;object-fit:cover;background:#121317}.viewer__badge{position:absolute;bottom:.9rem;left:50%;transform:translate(-50%);font-family:var(--font-mono);font-size:.6rem;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-dim);background:#00000059;padding:.35rem .75rem;border-radius:100px;pointer-events:none;white-space:nowrap}.viewer__loading{display:flex;align-items:center;gap:.6rem;font-family:var(--font-mono);font-size:.72rem;color:var(--ink-dim);white-space:nowrap}.viewer__loading--center{position:absolute;top:0;right:0;bottom:0;left:0;justify-content:center}.viewer__spinner{width:12px;height:12px;border:2px solid var(--line-strong);border-top-color:var(--coral);border-radius:50%;animation:spin .8s linear infinite}.viewer__toolbar{display:flex;gap:.5rem;padding:.7rem;border-top:1px solid var(--line);background:var(--bg-2)}.viewer__tab{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.08em;text-transform:uppercase;padding:.5rem .9rem;border-radius:100px;border:1px solid var(--line-strong);background:transparent;color:var(--ink-dim);cursor:pointer;transition:all .35s ease}.viewer__tab:hover{color:var(--ink)}.viewer__tab.is-on{background:var(--coral);color:#16161a;border-color:var(--coral)}.viewer__tab--ghost{margin-left:auto}.moji{border-top:1px solid var(--line)}.moji__head{margin-bottom:3rem}.moji__title-row{display:flex;align-items:baseline;gap:1.6rem;flex-wrap:wrap;margin-top:1.2rem}.moji__title{font-size:clamp(3rem,9vw,7rem)}.moji__tagline{font-family:var(--font-display);font-style:italic;font-size:clamp(1.1rem,2.2vw,1.7rem);color:var(--ink-dim)}.moji__grid{display:grid;grid-template-columns:1.3fr 1fr;gap:3rem 4rem}.moji__pitch{grid-column:1 / 2;font-size:clamp(1.1rem,1.7vw,1.4rem);line-height:1.55;color:var(--ink)}.moji__stack{grid-column:2 / 3;grid-row:1 / 3}.moji__stack h4,.moji__highlights h4{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--muted);margin-bottom:1.2rem;font-weight:500}.moji__stack ul{list-style:none;border-top:1px solid var(--line)}.moji__stack li{display:flex;flex-direction:column;gap:.2rem;padding:1rem 0;border-bottom:1px solid var(--line)}.moji__stack strong{font-weight:500}.moji__stack span{font-size:.85rem;color:var(--muted)}.moji__highlights{grid-column:1 / 2}.moji__highlights ul{list-style:none;display:grid;gap:.9rem}.moji__highlights li{padding-left:1.5rem;position:relative;color:var(--ink-dim)}.moji__highlights li:before{content:"◆";position:absolute;left:0;color:var(--coral);font-size:.7rem;top:.28rem}.moji__links{display:flex;gap:.8rem;margin-top:1.8rem;flex-wrap:wrap}@media (max-width: 820px){.moji__grid{grid-template-columns:1fr}.moji__pitch,.moji__stack,.moji__highlights{grid-column:1;grid-row:auto}}.experience{border-top:1px solid var(--line)}.experience__row{display:grid;grid-template-columns:.6fr 1.4fr;gap:3rem;margin-top:2.4rem}.experience__period{font-family:var(--font-mono);font-size:.8rem;color:var(--coral)}.experience__company{font-size:clamp(2rem,5vw,3.4rem);margin:.6rem 0 .4rem}.experience__role{color:var(--ink)}.experience__loc{color:var(--muted);font-size:.9rem}.experience__points{list-style:none;display:grid;gap:1.1rem}.experience__points li{padding-bottom:1.1rem;border-bottom:1px solid var(--line);color:var(--ink-dim);padding-left:1.6rem;position:relative}.experience__points li:before{content:"";position:absolute;left:0;top:.6rem;width:8px;height:1px;background:var(--coral)}@media (max-width: 720px){.experience__row{grid-template-columns:1fr;gap:1.6rem}}.skills{border-top:1px solid var(--line)}.skills__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:1px;background:var(--line);border:1px solid var(--line);margin-top:2.4rem}.skills__group{background:var(--bg);padding:2rem 1.8rem}.skills__group h4{font-family:var(--font-mono);font-size:.68rem;letter-spacing:.16em;text-transform:uppercase;color:var(--coral);margin-bottom:1.4rem;font-weight:500}.skills__group ul{list-style:none;display:grid;gap:.7rem}.skills__group li{font-family:var(--font-display);font-size:1.35rem;color:var(--ink)}.contact{border-top:1px solid var(--line);padding-bottom:3rem}.contact__mail{display:block;font-family:var(--font-display);font-size:clamp(3rem,12vw,10rem);line-height:.92;letter-spacing:-.03em;margin:1.5rem 0 2.5rem;transition:color .4s ease}.contact__mail:hover{color:var(--coral)}.contact__row{margin-bottom:4rem}.contact__foot{display:flex;justify-content:space-between;align-items:center;padding-top:2rem;border-top:1px solid var(--line);font-family:var(--font-mono);font-size:.72rem;letter-spacing:.06em;color:var(--muted);flex-wrap:wrap;gap:1rem}.contact__foot a:hover{color:var(--coral)}.cat__media video{width:100%;height:100%;object-fit:cover;transition:transform .7s cubic-bezier(.16,1,.3,1)}.cat:hover .cat__media video{transform:scale(1.06)}.cat__count--live,.cat__count--wip{color:var(--coral-soft)}.detail{padding-top:clamp(6.5rem,13vh,10rem)}.detail__project{margin-top:2.4rem}.detail__back-row{max-width:var(--max);margin:0 auto;padding:clamp(6.5rem,13vh,10rem) var(--pad) 0}.detail--app .moji{border-top:none;padding-top:clamp(1.5rem,4vh,3rem)}.site-detail{margin-top:2.4rem}.prestations{border-top:1px solid var(--line)}.prestations__head{max-width:760px;margin-bottom:clamp(2.5rem,6vh,4rem)}.prestations__title{font-size:clamp(2.2rem,5.5vw,4.5rem);margin:1.2rem 0 1.4rem}.prestations__lead{color:var(--ink-dim);max-width:54ch;font-size:clamp(1rem,1.3vw,1.15rem)}.prestations__avail{margin-top:1.3rem;font-family:var(--font-mono);font-size:.72rem;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);display:inline-flex;align-items:center;gap:.7rem}.prestations__dot{width:8px;height:8px;border-radius:50%;background:var(--coral);box-shadow:0 0 0 4px #c3c7cf24}.prestations__grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(min(100%,240px),1fr));gap:1px;background:var(--line);border:1px solid var(--line)}.service{background:var(--bg);padding:2rem 1.8rem;display:flex;flex-direction:column;gap:.7rem;transition:background .4s ease}.service:hover{background:var(--bg-2)}.service__num{font-family:var(--font-mono);font-size:.7rem;letter-spacing:.16em;color:var(--coral)}.service__title{font-size:1.4rem}.service__desc{color:var(--ink-dim);font-size:.95rem}.prestations__cta{margin-top:2.4rem}:root{--bg: #0d0d0f;--bg-2: #131317;--surface: #191a1f;--ink: #eceae6;--ink-dim: #a8a6a1;--muted: #7b7a76;--line: rgba(236, 234, 230, .1);--line-strong: rgba(236, 234, 230, .17);--coral: #c3c7cf;--coral-soft: #d8dbe0;--coral-glow: rgba(195, 199, 207, .12);--font-display: "Fraunces", Georgia, serif;--font-body: "Hanken Grotesk", system-ui, sans-serif;--font-mono: "JetBrains Mono", ui-monospace, monospace;--pad: clamp(1.4rem, 5vw, 7rem);--max: 1280px}*{margin:0;padding:0;box-sizing:border-box}html{-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}body{background:var(--bg);color:var(--ink);font-family:var(--font-body);font-weight:350;line-height:1.6;overflow-x:hidden;font-size:clamp(15px,1vw + .6rem,17px)}body:before{content:"";position:fixed;top:0;right:0;bottom:0;left:0;z-index:1;pointer-events:none;background:radial-gradient(120% 90% at 50% -10%,rgba(195,199,207,.05),transparent 55%),radial-gradient(100% 100% at 50% 120%,rgba(0,0,0,.55),transparent 60%)}body:after{content:"";position:fixed;top:-50%;right:-50%;bottom:-50%;left:-50%;z-index:2;pointer-events:none;opacity:.035;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='120' height='120'%3E%3Cfilter id='n'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='0.8' numOctaves='3'/%3E%3C/filter%3E%3Crect width='100%25' height='100%25' filter='url(%23n)'/%3E%3C/svg%3E")}#root{position:relative;z-index:3}::selection{background:var(--coral);color:#1a0f0a}a{color:inherit;text-decoration:none}h1,h2,h3{font-family:var(--font-display);font-weight:400;line-height:.98;letter-spacing:-.02em;font-optical-sizing:auto}.section{position:relative;padding:clamp(5rem,12vh,9rem) var(--pad);max-width:var(--max);margin:0 auto}.kicker{font-family:var(--font-mono);font-size:.72rem;letter-spacing:.28em;text-transform:uppercase;color:var(--coral);display:inline-flex;align-items:center;gap:.7rem}.kicker:before{content:"";width:1.6rem;height:1px;background:var(--coral);opacity:.6}.eyebrow-index{font-family:var(--font-mono);color:var(--muted);font-size:.8rem}[data-reveal]{opacity:0;transform:translateY(28px);transition:opacity .9s cubic-bezier(.16,1,.3,1),transform .9s cubic-bezier(.16,1,.3,1);will-change:opacity,transform}[data-reveal].is-visible{opacity:1;transform:none}@media (prefers-reduced-motion: reduce){[data-reveal]{opacity:1;transform:none;transition:none}}.btn{font-family:var(--font-mono);font-size:.78rem;letter-spacing:.1em;text-transform:uppercase;padding:.85rem 1.4rem;border:1px solid var(--line-strong);border-radius:100px;background:transparent;color:var(--ink);cursor:pointer;display:inline-flex;align-items:center;gap:.6rem;transition:border-color .4s ease,color .4s ease,background .4s ease}.btn:hover{border-color:var(--coral);color:var(--coral-soft)}.btn--solid{background:var(--coral);color:#1a0f0a;border-color:var(--coral)}.btn--solid:hover{background:var(--coral-soft);border-color:var(--coral-soft);color:#1a0f0a}