.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__intro{max-width:560px;color:var(--text-secondary);margin-top:1.25rem;font-size:1.125rem;line-height:1.7}.section-title em{color:var(--accent-warm);font-style:italic}.feature{border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow .4s var(--ease), transform .4s var(--ease), border-color .3s var(--ease);color:inherit;background:#fff;grid-template-columns:1.15fr .85fr;gap:0;margin-bottom:4.5rem;text-decoration:none;display:grid;overflow:hidden}.feature:hover{border-color:var(--border-hover);transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.feature__media{background:var(--bg-subtle);min-height:340px;position:relative;overflow:hidden}.feature__media img{object-fit:cover;width:100%;height:100%;transition:transform .6s var(--ease)}.feature:hover .feature__media img{transform:scale(1.03)}.feature__badge{color:#fff;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);letter-spacing:.1em;text-transform:uppercase;background:#111827c7;border-radius:100px;padding:.35rem .75rem;font-size:.7rem;font-weight:600;position:absolute;top:1.1rem;left:1.1rem}.feature__body{flex-direction:column;padding:2.75rem 2.5rem;display:flex}.feature__eyebrow{color:var(--accent-warm);margin-bottom:.9rem;font-weight:600}.feature__title{font-family:var(--font-display);margin:0;font-size:clamp(1.8rem,3vw,2.5rem);font-weight:400;line-height:1.14}.feature__title em{color:var(--accent-warm);font-style:italic}.feature__desc{color:var(--text-secondary);margin-top:1.35rem;font-size:.9375rem;line-height:1.7}.feature__tags{margin-top:1.5rem}.feature__cta{color:var(--text);align-items:center;gap:.5rem;margin-top:auto;padding-top:1.75rem;font-size:.9rem;font-weight:500;display:inline-flex}.feature__cta svg{width:17px;height:17px;transition:transform .3s var(--ease)}.feature:hover .feature__cta svg{transform:translate(4px)}.grid-label{margin-bottom:1.5rem}.grid{grid-template-columns:repeat(3,1fr);gap:1.5rem;display:grid}.card{border:1px solid var(--border);border-radius:var(--radius);transition:box-shadow .4s var(--ease), transform .4s var(--ease);color:inherit;background:#fff;text-decoration:none;display:block;overflow:hidden}.card:hover{transform:translateY(-4px);box-shadow:0 16px 48px #00000014}.card__preview{border-bottom:1px solid var(--border);height:190px;overflow:hidden}.mock{background:linear-gradient(#fafafa,#f3f4f6);flex-direction:column;width:100%;height:100%;display:flex}.mock__bar{border-bottom:1px solid var(--border);background:#fff;gap:6px;padding:9px 13px;display:flex}.mock__bar span{background:var(--bg-subtle);border-radius:50%;width:9px;height:9px}.mock__body{flex-direction:column;flex:1;justify-content:center;gap:12px;padding:22px 24px;display:flex}.mock__eyebrow{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);font-size:9.5px;font-weight:500}.mock__title{font-family:var(--font-display);font-size:34px;font-weight:400;line-height:1.05}.mock__rule{background:var(--border);width:48px;height:1px}.card__info{padding:1.1rem 1.3rem}.card__info h3{font-family:var(--font-display);margin-bottom:.2rem;font-size:1.2rem;font-weight:400}.card__info p{color:var(--text-secondary);font-size:.8rem}.card__ext{color:var(--accent-warm);align-items:center;gap:.35rem;margin-top:.65rem;font-size:.75rem;font-weight:500;display:inline-flex}.card__ext svg{width:13px;height:13px}.filterbar{border-bottom:1px solid var(--border);flex-wrap:wrap;align-items:center;gap:.9rem 1.5rem;margin-bottom:2rem;padding-bottom:1.25rem;display:flex}.filterbar__label{letter-spacing:.12em;text-transform:uppercase;color:var(--text-secondary);margin-right:.25rem;font-size:.8rem;font-weight:500}.chips{flex-wrap:wrap;gap:.5rem;display:flex}.chip{font-family:var(--font-body);color:var(--text-secondary);border:1px solid var(--border);cursor:pointer;transition:all .2s var(--ease);background:0 0;border-radius:100px;padding:.4rem .9rem;font-size:.8125rem;font-weight:500}.chip:hover{border-color:var(--border-hover);color:var(--text)}.chip[aria-pressed=true]{background:var(--accent);border-color:var(--accent);color:#fff}.chip__n{opacity:.55;font-variant-numeric:tabular-nums;margin-left:.35rem}.filterbar__count{color:var(--text-secondary);margin-left:auto;font-size:.8125rem}.loadmore-wrap{justify-content:center;margin-top:2.5rem;display:flex}.loadmore{font-family:var(--font-body);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);background:#fff;align-items:center;gap:.6rem;padding:.8rem 1.6rem;font-size:.875rem;font-weight:500;display:inline-flex}.loadmore:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 8px 32px #0000000f}.loadmore svg{width:15px;height:15px}.grid-empty{color:var(--text-secondary);padding:3rem 0;font-size:.9375rem}.work{padding-top:65px}.work__grid{grid-template-columns:minmax(0,1.32fr) minmax(360px,1fr);align-items:start;gap:4rem;padding-top:3.5rem;padding-bottom:5.5rem;display:grid}.gallery{flex-direction:column;gap:10px;display:flex}.gallery img{aspect-ratio:4/3;object-fit:cover;border-radius:var(--radius);border:1px solid var(--border);background:var(--bg-subtle);width:100%}.panel{position:sticky;top:calc(65px + 2.25rem)}.panel__inner{flex-direction:column;display:flex}.panel__title{font-family:var(--font-display);color:var(--text);font-size:clamp(2rem,2.9vw,2.75rem);font-weight:400;line-height:1.12}.panel__title em{color:var(--accent-warm);font-style:italic}.panel__desc{flex-direction:column;gap:1.1rem;margin-top:1.5rem;display:flex}.panel__desc p{color:var(--text-secondary);font-size:1.125rem;line-height:1.7}.share{border-top:1px solid var(--border);margin-top:2.5rem;padding-top:1.9rem}.share__label{letter-spacing:.1em;text-transform:uppercase;color:var(--text-secondary);margin-bottom:.9rem;font-size:.75rem;font-weight:500;display:block}.share__btns{flex-wrap:wrap;align-items:center;gap:.6rem;display:flex}.share__btn{font-family:var(--font-body);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);cursor:pointer;transition:border-color .2s var(--ease), color .2s var(--ease), transform .2s var(--ease), box-shadow .2s var(--ease);background:#fff;align-items:center;gap:.5rem;padding:.6rem 1rem;font-size:.8125rem;font-weight:500;text-decoration:none;display:inline-flex}.share__btn:hover{border-color:var(--border-hover);transform:translateY(-1px);box-shadow:0 8px 32px #0000000f}.share__btn svg{width:16px;height:16px}.share__btn--li:hover{color:#0a66c2;border-color:#0a66c2}.share__btn--fb:hover{color:#1877f2;border-color:#1877f2}.copied-note{color:#059669;opacity:0;font-size:.75rem;transition:opacity .2s}.copied-note.show{opacity:1}.nav__back{color:var(--text-secondary);transition:color .2s var(--ease);align-items:center;gap:.5rem;font-size:.875rem;display:inline-flex}.nav__back:hover{color:var(--text)}.nav__back svg{width:16px;height:16px}.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;position:relative;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}.grid{grid-template-columns:repeat(2,1fr)}}@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}.feature{grid-template-columns:1fr}.feature__media{min-height:260px}.feature__body{padding:2rem 1.5rem}.grid{grid-template-columns:1fr}.work__grid{grid-template-columns:1fr;gap:2.5rem;padding-top:2.5rem}.panel{position:static}.footer__inner{text-align:center;flex-direction:column;gap:.75rem}}.products-section{background:var(--bg-subtle)}.product-card{flex-direction:column;display:flex;overflow:hidden}.product-card .tag-list{margin-bottom:1.75rem}.product-card__cta{align-self:flex-start;margin-top:auto}.product-card__preview{display:block}.product-preview{border-bottom:1px solid var(--border);margin:-2.5rem -2.5rem 1.75rem}.product-preview__bar{background:var(--bg-subtle);border-bottom:1px solid var(--border);align-items:center;gap:.4rem;padding:.6rem .9rem;display:flex}.product-preview__dot{background:#d4cfc8;border-radius:50%;width:9px;height:9px}.product-preview__url{color:var(--text-secondary);border:1px solid var(--border);text-overflow:ellipsis;white-space:nowrap;background:#fff;border-radius:999px;max-width:72%;margin-left:.5rem;padding:.15rem .7rem;font-size:.7rem;overflow:hidden}.product-preview__media{aspect-ratio:16/10;background:#fff;position:relative;overflow:hidden}.preview-iframe{transform-origin:0 0;pointer-events:none;border:0;width:250%;height:250%;position:absolute;top:0;left:0;transform:scale(.4)}.product-preview__img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.card__preview{position:relative}