.w4{min-block-size:100vh;font:var(--t-web-body);font-family:var(--ff-text);grid-template-columns:minmax(0,600px) minmax(0,1fr);display:grid}.w4-brand{gap:var(--space-3);padding:var(--space-7);background:var(--surface);flex-direction:column;display:flex;position:relative;overflow:hidden}.w4-brand .p-logo{font-size:72px}.w4-brand .p-web-title{max-inline-size:420px}.w4-mods{gap:var(--space-2);flex-direction:column;margin-block-start:var(--space-4);display:flex}.w4-mod{align-items:center;gap:var(--space-3);display:flex}.w4-art{block-size:330px;position:absolute;inset-block-end:0;inset-inline:0}.w4-art svg{block-size:100%;inline-size:100%;display:block}.w4-art .rh{fill:var(--rh)}.w4-art .clean{fill:var(--clean)}.w4-art .taches{fill:var(--taches)}.w4-art .mur{fill:var(--surface-inverse)}.w4-art .glow{fill:var(--glow)}.w4-art .blanc{fill:var(--ground)}.w4-side{justify-content:center;align-items:center;gap:var(--space-5);padding:var(--space-6);flex-direction:column;display:flex}.w4-card{gap:var(--space-4);inline-size:min(440px,100%);padding:var(--space-6);border-radius:var(--radius-tile);background:var(--surface);box-shadow:var(--shadow-card);flex-direction:column;display:flex}.w4-2fa{align-items:flex-start;gap:var(--space-3);padding:var(--space-3) var(--space-4);border-radius:calc(var(--r-control) * .7);background:var(--surface-alt);display:flex}.w4-2fa .ico{color:var(--brand);flex:none;margin-block-start:1px;font-size:22px}.w4-foot{align-items:center;gap:var(--space-2);color:var(--ink-muted);display:flex}@media (max-width:900px){.w4{grid-template-columns:1fr}.w4-brand{padding:var(--space-5);min-block-size:0}.w4-art{display:none}}