.nav{z-index:1000;-webkit-backdrop-filter:blur(16px);background:#fafafad9;border-bottom:1px solid #0000;justify-content:space-between;align-items:center;padding:1.25rem 2rem;transition:border-color .3s,padding .3s;display:flex;position:fixed;top:0;left:0;right:0}.nav--scrolled{border-color:var(--border);padding:.875rem 2rem}.nav__logo{font-family:var(--font-display);letter-spacing:.02em;font-size:1.375rem;font-weight:400}.nav__links{align-items:center;gap:2rem;display:flex}.nav__links a{color:var(--text-secondary);font-size:.875rem;font-weight:400;transition:color .2s}.nav__links a:hover{color:var(--text)}.nav__cta{background:var(--accent);border-radius:var(--radius-sm);color:#fff!important;padding:.5rem 1.25rem!important;font-weight:500!important;transition:background .2s,transform .2s!important}.nav__cta:hover{background:#374151;transform:translateY(-1px);color:#fff!important}.nav__toggle{cursor:pointer;background:0 0;border:none;flex-direction:column;gap:5px;padding:4px;display:none}.nav__toggle span{background:var(--text);border-radius:2px;width:24px;height:2px;transition:all .3s;display:block}.nav__toggle--active span:first-child{transform:rotate(45deg)translate(2.5px,2.5px)}.nav__toggle--active span:last-child{transform:rotate(-45deg)translate(2.5px,-2.5px)}.hero{align-items:center;min-height:100vh;padding:8rem 2rem 6rem;display:flex}.hero__content{text-align:center;max-width:760px;margin:0 auto}.hero__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:1.5rem;font-size:.8rem;font-weight:500}.hero__title{font-family:var(--font-display);color:var(--text);margin-bottom:1.5rem;font-size:clamp(2.5rem,6vw,4.25rem);font-weight:400;line-height:1.15}.hero__title em{color:var(--accent-warm);font-style:italic}.hero__sub{color:var(--text-secondary);max-width:540px;margin:0 auto 2.5rem;font-size:1.125rem;line-height:1.7}.hero__actions{flex-wrap:wrap;justify-content:center;gap:1rem;display:flex}.services{background:var(--bg);padding:7rem 0}.services__grid{grid-template-columns:repeat(2,1fr);gap:1.5rem;display:grid}.service-card{border:1px solid var(--border);border-radius:var(--radius);background:#fff;padding:2.5rem;transition:border-color .3s,box-shadow .3s,transform .3s}.service-card:hover{border-color:var(--border-hover);transform:translateY(-2px);box-shadow:0 8px 32px #0000000f}.service-card__num{color:var(--accent-warm);margin-bottom:1.25rem;font-size:.75rem;font-weight:600;display:block}.service-card__title{font-family:var(--font-display);margin-bottom:.75rem;font-size:1.5rem;font-weight:400;line-height:1.3}.service-card__desc{color:var(--text-secondary);margin-bottom:1.5rem;font-size:.9375rem;line-height:1.7}.portfolio{background:var(--bg-subtle);padding:7rem 0}.portfolio__grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.project-card{border-radius:var(--radius);border:1px solid var(--border);transition:box-shadow .4s var(--ease), transform .4s var(--ease);background:#fff;overflow:hidden}.project-card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.project-card a{display:block}.project-card__preview{background:var(--bg-subtle);height:280px;position:relative;overflow:hidden}.project-card__preview iframe{pointer-events:none;transform-origin:0 0;border:0;width:400%;height:400%;transform:scale(.25)}.project-card__info{padding:1.25rem 1.5rem}.project-card__info h3{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.25rem;font-weight:400}.project-card__info p{color:var(--text-secondary);font-size:.8125rem}.apropos{background:var(--bg);padding:7rem 0}.apropos__intro{max-width:640px;margin-bottom:4rem}.apropos__intro p{color:var(--text-secondary);font-size:1.125rem;line-height:1.8}.apropos__grid{grid-template-columns:repeat(2,1fr);gap:2rem;display:grid}.profil{border:1px solid var(--border);border-radius:var(--radius);background:#fff;transition:border-color .3s;overflow:hidden}.profil:hover{border-color:var(--border-hover)}.profil__photo{background:var(--bg-subtle);height:360px;overflow:hidden}.profil__photo img{object-fit:cover;object-position:center top;width:100%;height:100%}.profil__content{padding:2rem}.profil__role{letter-spacing:.1em;text-transform:uppercase;color:var(--accent-warm);margin-bottom:.5rem;font-size:.75rem;font-weight:600;display:block}.profil__name{font-family:var(--font-display);margin-bottom:.25rem;font-size:1.75rem;font-weight:400}.profil__subtitle{color:var(--text-secondary);margin-bottom:1rem;font-size:.875rem}.profil__bio{color:var(--text-secondary);margin-bottom:1.25rem;font-size:.9375rem;line-height:1.7}.profil__skills{flex-wrap:wrap;gap:.375rem;display:flex}.profil__skills span{background:var(--bg-subtle);color:var(--text-secondary);border-radius:100px;padding:.25rem .625rem;font-size:.75rem;font-weight:500}.contact{background:var(--bg-subtle);padding:7rem 0}.contact__grid{grid-template-columns:1fr 1fr;align-items:start;gap:5rem;display:grid}.contact__text{color:var(--text-secondary);margin-bottom:2rem;font-size:1.0625rem;line-height:1.7}.contact__info{margin-bottom:2rem}.contact__email{color:var(--text);margin-bottom:.25rem;font-size:1.125rem;font-weight:500;display:inline-block;position:relative}.contact__email:after{content:"";background:var(--accent-warm);width:0;height:1px;transition:width .3s var(--ease);position:absolute;bottom:-2px;left:0}.contact__email:hover:after{width:100%}.contact__location{color:var(--text-secondary);font-size:.875rem}.contact__form{flex-direction:column;gap:1.25rem;display:flex}.footer{border-top:1px solid var(--border);background:var(--bg);padding:2rem 0}.footer__inner{justify-content:space-between;align-items:center;display:flex}.footer__logo{font-family:var(--font-display);font-size:1.125rem;font-weight:400}.footer__tagline{color:var(--text-secondary);margin-top:.125rem;font-size:.8125rem}.footer__copy{color:var(--text-secondary);font-size:.8125rem}.footer__copy a{color:inherit;cursor:default;text-decoration:none}@media (max-width:1024px){.services__grid,.apropos__grid{grid-template-columns:1fr}.contact__grid{grid-template-columns:1fr;gap:3rem}}@media (max-width:768px){.nav{padding:1rem 1.25rem}.nav__toggle{display:flex}.nav__links{background:var(--bg);width:100%;height:100vh;transition:right .4s var(--ease);z-index:-1;flex-direction:column;justify-content:center;align-items:center;gap:2rem;position:fixed;top:0;right:-100%}.nav__links--open{right:0}.nav__links a{color:var(--text);font-size:1.125rem}.hero{min-height:auto;padding:7rem 1.5rem 4rem}.hero__content{text-align:left}.hero__sub{margin-left:0;margin-right:0}.hero__actions{justify-content:flex-start}.services,.portfolio,.apropos,.contact{padding:4rem 0}.container{padding:0 1.25rem}.portfolio__grid{grid-template-columns:1fr}.project-card__preview{height:200px}.footer__inner{text-align:center;flex-direction:column;gap:.75rem}}