:root{
  --black:#0b0b0b;
  --white:#ffffff;
  --soft:#f3f3f1;
  --muted:#767676;
  --line:#d8d8d4;
  --chaos:#56356a;
  --cadre:#8351e5;
  --traces:#202020;
  --emmeles:#8f8f8f;
  --max:1180px;
}
*{box-sizing:border-box}
html{scroll-behavior:smooth}
body{margin:0;font-family:Inter,Arial,Helvetica,sans-serif;background:var(--white);color:var(--black);line-height:1.6}
a{color:inherit;text-decoration:none}
img{display:block;width:100%;height:auto}
.site-header{position:sticky;top:0;z-index:10;display:flex;align-items:center;justify-content:space-between;gap:24px;padding:18px clamp(18px,4vw,54px);background:rgba(255,255,255,.92);backdrop-filter:blur(14px);border-bottom:1px solid var(--line)}
.brand{font-weight:900;letter-spacing:.16em;font-size:1.05rem}
nav{display:flex;gap:18px;flex-wrap:wrap;font-size:.88rem;text-transform:uppercase;letter-spacing:.08em;color:#333}
nav a:hover{opacity:.55}
.section{padding:clamp(72px,9vw,132px) clamp(20px,5vw,70px)}
.section-dark{background:var(--black);color:var(--white)}
.section-soft{background:var(--soft)}
.hero{min-height:calc(100vh - 72px);display:grid;place-items:center;text-align:left;background:radial-gradient(circle at 70% 20%, #292929 0, var(--black) 34%, #050505 100%)}
.hero-inner{width:min(var(--max),100%)}
.eyebrow{margin:0 0 16px;text-transform:uppercase;letter-spacing:.18em;font-size:.78rem;font-weight:800;color:var(--muted)}
.section-dark .eyebrow{color:#bdbdbd}
h1{font-size:clamp(4rem,13vw,12rem);line-height:.8;margin:0 0 30px;letter-spacing:.05em;font-weight:900}
h2{font-size:clamp(2.1rem,5vw,5rem);line-height:.95;margin:0;font-weight:900;letter-spacing:-.04em}
h3{font-size:clamp(1.8rem,3.4vw,3.4rem);line-height:1;margin:0 0 20px;font-weight:900;letter-spacing:-.03em}
.hero-line{font-size:clamp(1.55rem,4vw,4rem);font-weight:800;line-height:1;margin:0 0 22px;max-width:900px}
.hero-text,.lead{font-size:clamp(1.05rem,1.8vw,1.35rem);max-width:760px;color:#d8d8d8;margin:0 0 34px}.lead{color:inherit;opacity:.82}.section:not(.section-dark) .hero-text{color:#333}
.actions{display:flex;gap:14px;flex-wrap:wrap}.center-actions{justify-content:center}.button{display:inline-flex;align-items:center;justify-content:center;min-height:48px;padding:13px 20px;border-radius:999px;font-weight:850;border:1px solid currentColor;transition:.2s ease}.button:hover{transform:translateY(-2px);opacity:.86}.button-light{background:var(--white);color:var(--black);border-color:var(--white)}.button-outline{background:transparent;color:inherit}
.grid.two{max-width:var(--max);margin:0 auto;display:grid;grid-template-columns:minmax(220px,.72fr) 1.28fr;gap:clamp(32px,7vw,94px);align-items:start}.text-block{font-size:clamp(1.05rem,1.6vw,1.28rem)}.text-block p:first-child{margin-top:0}.text-block.large{font-size:clamp(1.18rem,2vw,1.55rem);line-height:1.48}.narrow{max-width:980px;margin:0 auto}.center{text-align:center}.center .lead{margin-left:auto;margin-right:auto}.cards{display:grid;gap:18px;margin-top:42px}.cards.three{grid-template-columns:repeat(3,1fr)}.card{border:1px solid var(--line);padding:26px;border-radius:22px;background:#fff}.dark-card{background:#161616;border-color:#333}.card h3{font-size:1.25rem;letter-spacing:0;margin-bottom:10px}.card p{margin:0;color:inherit;opacity:.78}
.section-title{max-width:var(--max);margin:0 auto 56px}.serie{max-width:var(--max);margin:0 auto clamp(70px,8vw,110px);padding-top:26px;border-top:8px solid var(--black)}.serie:last-child{margin-bottom:0}.accent-chaos{border-color:var(--chaos)}.accent-cadre{border-color:var(--cadre)}.accent-traces{border-color:var(--traces)}.accent-emmeles{border-color:var(--emmeles)}.serie-text{display:grid;grid-template-columns:minmax(180px,.72fr) 1.28fr;gap:44px;margin-bottom:28px}.serie-text p:not(.eyebrow){font-size:1.1rem;margin:0;max-width:760px}.art-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:18px}.two-art{grid-template-columns:repeat(2,1fr)}figure{margin:0;background:#111;border-radius:22px;overflow:hidden}figure img{aspect-ratio:1/1.28;object-fit:cover;object-position:center}figcaption{padding:12px 14px;color:#fff;font-size:.9rem;font-weight:800;letter-spacing:.04em}.split-section{max-width:calc(var(--max) + 140px);margin:0 auto;display:grid;grid-template-columns:1fr 1fr;gap:20px}.panel{background:var(--soft);padding:clamp(30px,5vw,58px);border-radius:28px}.black-panel{background:var(--black);color:var(--white)}ul{margin:24px 0 0;padding-left:20px}li{margin:9px 0}.contact-block a{text-decoration:underline;text-decoration-thickness:1px;text-underline-offset:5px}.footer{display:flex;justify-content:space-between;gap:20px;flex-wrap:wrap;padding:30px clamp(20px,5vw,70px);border-top:1px solid var(--line);font-size:.9rem;color:#555}.footer p{margin:0}.footer a{text-decoration:underline;text-underline-offset:4px}
@media (max-width:860px){.site-header{position:static;align-items:flex-start;flex-direction:column}nav{gap:10px 14px}.grid.two,.serie-text,.split-section{grid-template-columns:1fr}.cards.three,.art-grid,.two-art{grid-template-columns:1fr}.hero{min-height:auto}.section{padding-top:64px;padding-bottom:64px}h1{font-size:clamp(4rem,24vw,7rem)}figure img{aspect-ratio:1/1}}
@media (max-width:520px){nav{font-size:.76rem}.button{width:100%}.actions{width:100%}.hero-line{font-size:2rem}.section{padding-left:16px;padding-right:16px}}
@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button:hover{transform:none}}