:root{--ink:#111;--paper:#fff;--rule:#d8d8d8;--signal:#ff4f00}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:var(--paper);font-family:Arial,sans-serif;letter-spacing:0}.topbar{height:68px;position:sticky;top:0;z-index:5;background:#fff;border-bottom:1px solid var(--rule);display:grid;grid-template-columns:1fr auto 1fr;align-items:center;padding:0 3vw}.brand{font-size:13px;font-weight:800;letter-spacing:.18em;text-decoration:none}.topbar nav{display:flex;gap:24px}.topbar nav a,.motif-card a{font-size:12px;font-weight:700;color:inherit;text-underline-offset:4px}.cta{justify-self:end;background:#111;color:#fff;padding:12px 18px;text-decoration:none;font-size:12px;font-weight:800}.intro{min-height:72vh;padding:10vh 6vw 7vh;display:flex;flex-direction:column;justify-content:flex-end;border-bottom:1px solid var(--rule)}.intro p,.motif-section header p{font-size:11px;font-weight:800;color:var(--signal)}.intro h1{font-size:clamp(54px,7.5vw,112px);line-height:.9;margin:18px 0 28px;max-width:12ch}.intro span{max-width:700px;line-height:1.6;color:#666}.motif-section{padding:90px 3vw;border-bottom:1px solid var(--rule)}.motif-section>header{display:grid;grid-template-columns:180px 1fr minmax(260px,.55fr);gap:28px;align-items:end;margin-bottom:42px}.motif-section h2{font-size:clamp(42px,5vw,76px);line-height:.95;margin:0}.motif-section header span{font-size:13px;line-height:1.6;color:#666}.motif-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));border-left:1px solid var(--rule);border-top:1px solid var(--rule)}.motif-card{border-right:1px solid var(--rule);border-bottom:1px solid var(--rule);min-width:0}.motif-card img{display:block;width:100%;aspect-ratio:1;object-fit:cover}.motif-card>div{padding:16px;min-height:118px}.motif-card span{font-size:10px;color:var(--signal);font-weight:800}.motif-card h3{font-size:15px;margin:16px 0 10px}.motif-card a{font-size:11px;color:#666}footer{min-height:100px;padding:30px 3vw;display:flex;justify-content:space-between;align-items:end;font-size:11px}@media(max-width:900px){.topbar{grid-template-columns:1fr auto}.topbar nav{display:none}.motif-section>header{grid-template-columns:1fr}.motif-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.intro{min-height:66vh;padding-left:20px;padding-right:20px}.motif-section{padding:64px 20px}.motif-grid{grid-template-columns:1fr}.intro h1{font-size:52px}}