.project-page{min-height:100vh}.project-layout{display:grid;grid-template-columns:.85fr 1.15fr;gap:85px;align-items:start;padding:40px 0 70px}.project-intro{position:sticky;top:40px}.project-intro h1{font-size:clamp(36px,3.6vw,52px);line-height:1.15;letter-spacing:-1.7px}.project-intro h1 span{color:#9999a1}.project-intro>p{color:#b0b0b8;font-size:16px}.project-art{height:250px;margin:20px 0;background:url('/connexions-automatisation-solange.webp') center/cover no-repeat;mask-image:linear-gradient(0deg,transparent,black 25%,black 75%,transparent)}.project-intro .project-meta{font-size:13px;color:#7f7f89}.question-panel{min-width:0;padding:0 0 30px}.progress-label{display:flex;justify-content:space-between;gap:20px;font-size:12px;color:#92929d;margin-bottom:12px}progress{width:100%;height:3px;appearance:none;border:0;display:block;background:#28282e}progress::-webkit-progress-bar{background:#28282e}progress::-webkit-progress-value{background:#e3e3e9}progress::-moz-progress-bar{background:#e3e3e9}#project-form{padding-top:34px}fieldset{border:0;margin:0;padding:0;min-width:0}fieldset[hidden],#project-review[hidden],#question-actions[hidden],#question-progress[hidden],#step-back[hidden],#step-next[hidden]{display:none}legend{font-size:30px;line-height:1.23;letter-spacing:-.8px;padding:0;margin-bottom:18px;width:100%}.question-number{display:block;font-size:11px;letter-spacing:1.8px;color:#8d8d99;margin-bottom:18px}.question-help{font-size:14px;color:#9999a5;line-height:1.7;margin-bottom:22px}.option-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin:24px 0}.option{margin:0!important;position:relative;cursor:pointer}.option input,.chips input{position:absolute;opacity:0;width:1px;height:1px;margin:0;padding:0}.option>span{display:flex;align-items:center;min-height:86px;border:1px solid #35353e;border-radius:10px;padding:18px 34px 18px 18px;font-size:15px;color:#cacad3;background:#141418;line-height:1.5}.option>span:after{content:'+';position:absolute;right:14px;color:#777}.option input:checked+span{background:#ececf0;color:#131316;border-color:#ececf0}.option input:checked+span:after{content:'✓';color:#131316}.option input:focus-visible+span,.chips input:focus-visible+span{outline:2px solid #ddd;outline-offset:4px}.chips{display:flex;flex-wrap:wrap;gap:10px;margin:24px 0}.chips label{position:relative;margin:0;cursor:pointer}.chips span{display:block;padding:10px 15px;border:1px solid #3a3a43;border-radius:30px;color:#bcbcc7;font-size:14px}.chips input:checked+span{background:#ececf0;color:#131316;border-color:#ececf0}.question-panel input,.question-panel textarea,.question-panel select{font-size:16px}.question-panel select{width:100%;padding:14px;margin-top:8px;background:#141416;border:1px solid #303034;border-radius:7px;color:#ddd}.question-panel label{font-size:14px}.optional{font-size:12px;color:#85858f}.question-actions{display:flex;justify-content:space-between;align-items:center;gap:20px;padding-top:15px;border-top:1px solid #28282f;margin-top:26px}.question-actions .button{width:auto;min-width:145px;margin-left:auto}.back-button{border:0;background:transparent;color:#aaaab7;cursor:pointer;padding:12px 0;font-size:14px}.preview-label{font-size:12px;color:#80808b;margin-top:25px}#project-error{color:#ffc2b4;font-size:14px;margin:14px 0}#project-review h2{font-size:32px}#review-list{margin:25px 0}#review-list>div{padding:14px 0;border-bottom:1px solid #303038}#review-list dt{font-size:12px;color:#90909c;margin-bottom:5px}#review-list dd{font-size:15px;margin:0;white-space:pre-wrap;overflow-wrap:anywhere}.demo-notice{padding:16px 18px;background:#19191e;border:1px solid #373740;border-radius:8px;margin:25px 0;font-size:14px}.demo-notice p{color:#a7a7b4;margin:8px 0 0}#download-status{font-size:14px;color:#b9b9c5}fieldset:not([hidden]){animation:question-enter .2s ease-out}@keyframes question-enter{from{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(max-width:900px){.project-layout{gap:35px;grid-template-columns:.7fr 1fr}.project-intro h1{font-size:36px}.option-grid{grid-template-columns:1fr}.option>span{min-height:60px}.progress-label>span:last-child{display:none}}@media(max-width:700px){.project-layout{display:block;padding-top:12px}.project-intro{position:static}.project-intro h1{font-size:31px;margin-bottom:14px}.project-intro>p:not(.eyebrow){display:none}.project-art{display:none}.project-intro .eyebrow{margin-bottom:15px;font-size:10px}.question-panel{margin-top:30px}.option-grid{grid-template-columns:1fr 1fr;gap:8px}.option>span{font-size:14px;min-height:86px;padding:14px 28px 14px 14px}legend{font-size:26px}.question-panel .form-row{grid-template-columns:1fr}#project-form{padding-top:25px}.question-number{margin-bottom:12px}.project-page header{height:80px}}@media(prefers-reduced-motion:reduce){fieldset:not([hidden]){animation:none}}
