:root{--paper:#f7f6f0;--card:#fffef9;--ink:#223c35;--muted:#728078;--line:#dedfd4;--green:#275747;--mint:#e6eee4;--orange:#c3643b;--radius:15px}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font:15px/1.55 'Trebuchet MS',sans-serif}button,input,textarea,select{font:inherit}button,a,input,textarea,select{touch-action:manipulation}button{cursor:pointer;border:0;transition:background .16s,transform .16s}button:disabled{opacity:.5;cursor:default}button:hover:not(:disabled){filter:brightness(.96)}button:active:not(:disabled){transform:translateY(1px)}:focus-visible{outline:3px solid #c17a40;outline-offset:3px}input,textarea,select{border:1px solid var(--line);background:var(--card);color:var(--ink);border-radius:8px;padding:11px 12px;max-width:100%}textarea{resize:vertical;min-height:95px;width:100%}label{display:block}label input:not([type=checkbox]),label select{display:block;width:100%;margin-top:7px}input[type=checkbox]{accent-color:var(--green);width:16px;height:16px;vertical-align:middle}h1,h2,h3,p{margin-top:0}h1{font:normal clamp(35px,3.7vw,58px)/1.08 Georgia,serif;letter-spacing:-2px;margin-bottom:20px}h1 em{color:var(--green);font-weight:normal}h2{font:normal 29px/1.2 Georgia,serif;margin:8px 0 0}h3{font-size:17px;margin:0}.rail{position:fixed;inset:0 auto 0 0;width:252px;background:#eaece3;padding:30px 22px;display:flex;flex-direction:column;border-right:1px solid var(--line);z-index:2;overflow:auto}.brand{display:flex;gap:10px;align-items:center;text-decoration:none;color:var(--ink);font-weight:bold;font-size:19px;margin-bottom:52px}.brand-icon{font:italic bold 33px Georgia;background:var(--green);color:#f9f8ed;display:grid;place-items:center;width:44px;height:44px;border-radius:12px}.brand small{display:block;font:9px 'Trebuchet MS',sans-serif;letter-spacing:1px;margin-top:4px}.caption,.eyebrow{font-size:10px;letter-spacing:1.8px;font-weight:bold}.caption{margin-bottom:9px;color:var(--muted)}#projects{width:100%;margin-bottom:8px}.wide{width:100%;text-align:left}nav{margin-top:32px}.nav{display:flex;align-items:center;gap:14px;background:none;color:var(--ink);width:100%;padding:13px 10px;text-align:left;border-radius:8px;margin-bottom:6px}.nav span{font-size:11px;color:var(--muted)}.nav b{margin-left:auto;font-size:11px;font-weight:normal}.nav.active{background:var(--green);color:#fff}.nav.active span{color:#c9dbcf}.rail-bottom{margin-top:auto;padding-top:40px}.rail-bottom p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:17px}.connection{font-size:12px;color:var(--muted);margin-bottom:8px}.connection.online{color:var(--green)}main{max-width:1510px;margin-left:252px;padding:28px 48px 0}header{display:flex;justify-content:space-between;align-items:center;padding-bottom:23px;border-bottom:1px solid var(--line)}#save-status{font-size:11px;color:var(--muted)}.project-head{display:flex;justify-content:space-between;align-items:center;padding:43px 0 24px}.lead{font-size:14px;color:var(--muted);max-width:530px}.session-mark{border:1px solid #c9cec0;border-radius:50%;width:115px;height:115px;display:flex;flex-direction:column;align-items:center;justify-content:center;transform:rotate(10deg);flex-shrink:0;margin-left:24px}.session-mark span{font-size:9px;letter-spacing:1.5px;text-align:center;line-height:1.5}.session-mark i{font-style:normal;color:var(--orange);font-size:32px;line-height:1.2}.project-card{background:var(--card);border:1px solid var(--line);padding:21px 24px;border-radius:var(--radius);display:grid;grid-template-columns:1.4fr .8fr 1fr;gap:23px;align-items:center}.project-card label{font-size:11px;color:var(--muted)}.project-card input,.project-card select{font-size:14px;background:var(--paper)}.progress-box{padding-left:15px;font-size:12px}.progress-box span{display:block;margin-bottom:12px}progress{height:6px;width:100%;border:none;border-radius:8px;overflow:hidden;background:var(--mint)}progress::-webkit-progress-bar{background:var(--mint)}progress::-webkit-progress-value{background:var(--green)}progress::-moz-progress-bar{background:var(--green)}.ai-bar{margin:18px 0 34px;padding:20px 22px;background:var(--mint);border:1px solid #d5dfd1;border-radius:var(--radius);display:flex;align-items:center;justify-content:space-between;gap:18px}.ai-bar>div:first-child{display:flex;align-items:center;gap:16px}.spark{font-size:32px;color:var(--green)}.ai-bar strong{font-size:13px}.ai-bar p{font-size:11px;color:#5b7264;margin:4px 0 0}.ai-actions{display:flex;align-items:center;gap:16px;flex-shrink:0}.switch{font-size:11px;max-width:140px}.primary{background:var(--green);color:white;border-radius:8px;padding:12px 17px;font-size:12px;font-weight:bold}.quiet{background:transparent;color:var(--green);padding:9px 10px;border-radius:7px;font-size:12px}.section-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading .eyebrow{color:var(--orange)}.tools{display:flex;gap:7px;align-items:center;flex-wrap:wrap}.tools label{font-size:11px;color:var(--muted)}details.group{border:1px solid var(--line);border-radius:var(--radius);background:var(--card);margin-bottom:16px;overflow:hidden}details.group>summary{padding:21px 24px;cursor:pointer;font-size:16px;font-weight:bold;list-style:none;display:flex;align-items:center;gap:14px}details.group>summary::before{content:'−';font-weight:normal;color:var(--green)}details.group:not([open])>summary::before{content:'+'}details.group>summary small{font-size:11px;font-weight:normal;color:var(--muted);margin-left:auto}.question{padding:23px 24px;border-top:1px solid var(--line);position:relative}.question.hidden-question{background:#f1f0e9;opacity:.8}.question.ai-changed{border-left:3px solid var(--orange)}.question.done{background:#f5f8f0}.q-top{display:flex;gap:14px;justify-content:space-between}.q-number{color:var(--muted);font-size:11px;padding-top:4px;min-width:24px}.q-main{flex:1;min-width:0}.question h3{font-size:15px;font-weight:normal;line-height:1.5}.hint{font-size:12px;color:var(--muted);margin:7px 0 15px}.answer-label{font-size:11px;color:var(--muted);margin:16px 0 6px}.q-actions{display:flex;gap:8px;align-items:center;flex-wrap:wrap;margin-top:11px}.q-actions select{font-size:11px;padding:7px 9px}.q-actions .primary{padding:9px 12px}.q-tools{display:flex;align-items:flex-start;gap:0;flex-shrink:0}.q-tools button{font-size:11px;padding:4px 8px}.reason{font-size:11px;color:#99613e;margin:11px 0 0}.check-row{padding:18px 24px;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr auto;gap:12px;align-items:start}.check-row.done{background:#f0f5eb}.check-row h3{font-size:14px;font-weight:normal}.check-row input{font-size:12px;width:100%;margin-top:10px;background:transparent;border-color:transparent;border-bottom-color:var(--line);border-radius:0;padding:7px 0}.check-buttons{display:flex;gap:4px;flex-wrap:wrap}.check-buttons button{font-size:10px;padding:7px 8px;border:1px solid var(--line);border-radius:6px;color:var(--muted);background:transparent}.check-buttons button.selected{background:var(--green);color:white;border-color:var(--green)}.notice{padding:13px 18px;background:#fff0d9;border:1px solid #e5cda7;border-radius:10px;margin-top:16px;font-size:13px;white-space:pre-wrap}.summary-card{padding:26px;background:var(--card);border:1px solid var(--line);border-radius:var(--radius);margin-bottom:16px;white-space:pre-wrap}.summary-card h3{font:normal 23px Georgia;margin-bottom:16px}.summary-card p{margin-bottom:0}.summary-card ul{padding-left:22px;margin-bottom:0;white-space:normal}.summary-card li{margin:8px 0}.empty{padding:40px;text-align:center;border:1px dashed var(--line);border-radius:var(--radius);color:var(--muted)}footer{display:flex;justify-content:space-between;border-top:1px solid var(--line);padding:23px 0;margin-top:36px;font-size:11px;color:var(--muted)}dialog{width:500px;max-width:calc(100% - 24px);background:var(--paper);border:1px solid var(--line);border-radius:20px;color:var(--ink);padding:28px}dialog::backdrop{background:#17382e80;backdrop-filter:blur(4px)}.dialog-head{display:flex;align-items:center;justify-content:space-between}dialog h2{margin:15px 0}dialog p{color:var(--muted);font-size:13px}dialog label{margin-top:18px;font-size:12px}.fine{font-size:11px!important;margin-top:18px}.dialog-actions{display:flex;justify-content:space-between;margin-top:20px}#settings-message{font-size:12px;white-space:pre-wrap}#summary .quiet{margin-bottom:14px}.edit-field{width:100%;margin:5px 0}body.busy #analyze{animation:breathe 1.5s infinite}@keyframes breathe{50%{opacity:.6}}[hidden]{display:none!important}@media(min-width:1450px){main{padding-left:65px;padding-right:65px}}@media(max-width:1150px){main{padding:24px}.rail{width:220px;padding:25px 16px}main{margin-left:220px}.ai-bar,.ai-actions{flex-wrap:wrap}.project-card{grid-template-columns:1fr 1fr}.progress-box{grid-column:1/-1;padding:0}.session-mark{width:90px;height:90px}.section-heading{align-items:start;flex-direction:column}.check-row{grid-template-columns:1fr}}@media(max-width:700px){.rail{position:static;width:auto;padding:17px}.brand{margin:0 0 16px}.caption{display:none}.rail>#projects{margin-bottom:8px}.rail>#new-project{width:auto;margin-bottom:8px}nav{display:flex;margin:0;gap:6px}.nav{font-size:12px;padding:10px 8px;gap:6px;justify-content:center;margin:0}.nav b{display:none}.rail-bottom{padding-top:10px;margin:0;display:flex;flex-wrap:wrap;gap:5px;align-items:center}.rail-bottom p{display:none}.rail-bottom .wide{width:auto;font-size:10px;padding:6px}.connection{font-size:10px;margin:0}.rail-bottom #settings-open{margin-left:auto}.rail-bottom #export,.rail-bottom #import-open{display:block}main{margin:0;padding:18px}header{padding-bottom:14px}.project-head{padding-top:27px}.session-mark{display:none}h1{font-size:36px;letter-spacing:-1.2px}.project-card{padding:17px;gap:14px;grid-template-columns:1fr}.progress-box{grid-column:auto}.ai-bar{padding:16px;margin-bottom:25px}.ai-actions{width:100%;justify-content:space-between}.switch{max-width:160px}.q-tools{flex-direction:column}.question{padding:18px 15px}.q-number{display:none}details.group>summary{padding:18px 15px}.check-row{padding:18px 15px}footer span{display:none}h2{font-size:25px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}@media print{.rail,header,.ai-bar,.tools,.q-tools,.q-actions,.dialog,.notice,footer{display:none!important}main{margin:0;padding:0}.project-head{padding:0}h1{font-size:26px}.session-mark{display:none}.tab-panel[hidden]{display:block!important}details.group{break-inside:auto}details.group>summary{font-size:18px}.question,.check-row{break-inside:avoid}textarea{border:0;min-height:0;height:auto}.hidden-question{display:none}.check-buttons button:not(.selected){display:none}.summary-card{break-inside:avoid}body{font-size:12px}}

/* Original FACES assets from the AI studio project. */
@font-face{font-family:'FACES Agrandir Wide';src:url('/client-brief-assets/faces-agrandir-wide.woff2') format('woff2');font-display:swap}
:root{color-scheme:dark;--paper:#171614;--card:#24211d;--ink:#f1e9db;--muted:#b8ad9b;--line:#b28b4b85;--green:#b8542e;--mint:#30221b;--orange:#dfbf82;--radius:5px;--stone:url('/client-brief-assets/faces-stone-texture.webp')}
body{background:#171614 var(--stone) center top/auto 230% fixed no-repeat;color:var(--ink)}
.rail{background:#131211e8;border-color:#b28b4b99;backdrop-filter:blur(3px)}
.brand.faces-brand{display:flex;flex-direction:row;gap:10px;align-items:center;letter-spacing:0;margin-bottom:42px;color:#f1e9db}
.faces-sun{width:42px;height:42px;object-fit:contain;flex:none}.faces-divider{width:1px;height:39px;background:#b28b4b;flex:none}.faces-type{display:flex;flex-direction:column;min-width:0;gap:4px}.faces-type strong{font:800 32px/1 'FACES Agrandir Wide',sans-serif;letter-spacing:-1.4px}.brand .faces-type small{font:700 8px/1.4 'FACES Agrandir Wide',sans-serif;letter-spacing:1.15px;margin:0;color:#e0d6c3}
header,footer{border-color:#b28b4b88}.eyebrow,.caption{color:#d6b77c}.nav.active,.primary{background:#b8542e var(--stone) center bottom/100% 250% no-repeat;color:#fff3de;border:1px solid #d1af69;box-shadow:inset 0 1px 0 #f5cb8244}
.nav.active span{color:#f8d8ae}.nav span{color:#b8ad9b}.primary{text-shadow:0 1px 2px #1a0808}.primary:hover:not(:disabled){filter:brightness(1.12)}
h1{color:#f1e9db;text-shadow:0 2px 8px #0007}h1 em{color:#c76032;font-style:normal}h2{color:#f1e9db}.lead{color:#d7cbb7;max-width:620px;line-height:1.7}
.project-card,details.group,.summary-card,dialog{background:#171614b8;border-color:#b28b4b99;box-shadow:0 4px 18px #0003}
.project-card input,.project-card select,input,textarea,select{background:#12110fe6;color:#f1e9db;border-color:#b28b4b66}.project-card label{color:#d0c2aa}
.ai-bar{background:#b8542e var(--stone) center bottom/100% 260% no-repeat;border-color:#d5b576;color:#fff3de;min-height:135px}.ai-bar strong{color:#fff3de;font-size:15px}.ai-bar p{color:#f0d9b3;font-size:12px;max-width:460px}.spark{color:#e7ca8a}.ai-bar .primary{background:#171614cc;border-color:#e1c18a}.switch{color:#f8dfb6}
.session-mark{border-color:#d6b77c;color:#e1c18a}.session-mark i{color:#c76032}.quiet{color:#ddc18b}.hint,.answer-label{color:#c7baa3}.question,.check-row{border-color:#b28b4b44}.question.done,.check-row.done{background:#b8542e12}.question.hidden-question{background:#0004}.question.ai-changed{border-left-color:#d6b77c}.reason{color:#e1c18a}
.check-buttons button{color:#cfc2ab;border-color:#b28b4b66}.check-buttons button.selected{background:#b8542e;color:#fff3de;border-color:#d1af69}.notice{background:#39271be8;border-color:#c6a366;color:#f4dfbc}.connection.online{color:#dfbf82}progress::-webkit-progress-bar{background:#151310}progress::-webkit-progress-value{background:#b8542e}progress::-moz-progress-bar{background:#b8542e}
dialog{background:#171614}dialog::backdrop{background:#000b}.empty{background:#171614a8;border-color:#b28b4b99;color:#d5c6ad}.client-finish{margin-top:32px;padding:30px;border:1px solid #b28b4b99;background:#171614cc}.client-finish h2{font-size:27px}.client-finish p{color:#c7baa3;margin:16px 0;max-width:650px}.client-finish .fine{margin-bottom:0}.client-mode .q-actions select{font-size:12px}.client-mode .q-actions .primary{padding:10px 17px}.client-mode .q-number{color:#dfbf82}.client-mode #undo,.client-mode .reason{display:none}.rail-bottom #team-toggle{margin-top:15px;border-top:1px solid #b28b4b55;border-radius:0;font-size:10px;color:#b8ad9b}
@media(max-width:700px){body{background-size:auto 230%}.brand.faces-brand{margin-bottom:18px}.client-finish{padding:22px}.client-finish h2{font-size:24px}.ai-bar{min-height:0}.rail{backdrop-filter:none}.rail-bottom #team-toggle{margin-top:0;border:0}.faces-type strong{font-size:34px}}
@media print{body,.project-card,details.group,.summary-card,.client-finish{background:white!important;color:#201a16;box-shadow:none}.client-finish{display:none}h1,h1 em,h2{color:#201a16;text-shadow:none}.project-card input,.project-card select,input,textarea,select{background:white;color:#201a16}.hint,.answer-label,.project-card label{color:#665a4e}}

@media print{.client-mode #checklist,.client-mode .team-only{display:none!important}}

/* Match the original wordmark: distribute the tagline across the FACES width. */
.faces-type{display:grid;grid-template-columns:max-content;justify-items:stretch;gap:4px}
.brand .faces-type small{display:flex;justify-content:space-between;align-items:center;width:0;min-width:calc(100% - 1px);margin-left:.5px;letter-spacing:0;white-space:nowrap;line-height:1.4}
.brand .faces-type small span{display:block;font:inherit;letter-spacing:0;margin:0;padding:0;flex:none}
.brand .faces-type small .tagline-space{width:.35em}
.contact-fields{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin:22px 0}
.contact-fields label{font-size:12px;color:#d7cbb7}.submit-consent{font-size:12px;max-width:680px;line-height:1.6;margin:18px 0 22px}.submit-consent input{margin-right:7px}.submission-status{font-size:14px;color:#e1c18a!important;white-space:pre-wrap}.submission-status.success{border-left:2px solid #d5b476;padding:10px 15px;background:#b8542e15}
@media(max-width:700px){.contact-fields{grid-template-columns:1fr;gap:15px}}

.service-description{display:block;font-size:11px;line-height:1.5;color:#b8ad9b;margin-top:9px}.client-mode #download-summary,.client-mode #print{display:none}

.brand .faces-type small{min-width:100%;margin-left:0}

/* Larger form labels and section titles for comfortable client reading. */
.project-card label,.contact-fields label{font-size:16px;font-weight:600;line-height:1.45;color:#f1e9db}
.project-card input,.project-card select,.contact-fields input{font-size:16px;font-weight:400;padding:13px 14px}
.service-description{font-size:13px;font-weight:400;line-height:1.65;margin-top:10px}
details.group>summary{font-size:20px;line-height:1.4;padding-block:23px}
details.group>summary small{font-size:13px}
.question h3{font-size:18px;font-weight:500;line-height:1.55}
.answer-label{font-size:14px;color:#ddcfb6}.hint{font-size:14px;line-height:1.65}
.caption{font-size:12px}.progress-box{font-size:14px}.section-heading h2{font-size:32px}
@media(max-width:700px){.project-card label,.contact-fields label{font-size:16px}details.group>summary{font-size:18px}.question h3{font-size:17px}.section-heading h2{font-size:27px}}

.project-card{align-items:start}.project-card .progress-box{align-self:center}

/* Visible AI preparation state, including when the user has scrolled past the toolbar. */
.ai-progress{position:fixed;bottom:22px;left:calc(252px + 28px);right:28px;max-width:900px;margin-inline:auto;z-index:10;display:flex;align-items:center;gap:16px;padding:18px 22px;border:1px solid #d8b76e;border-radius:8px;background:#241a12f5;box-shadow:0 8px 36px #0009;color:#f5e3bf;backdrop-filter:blur(10px)}
.ai-progress strong{font-size:16px}.ai-progress p{font-size:13px;margin:5px 0 0;color:#cfbfa5;line-height:1.5}
.ai-spinner{display:inline-block;width:23px;height:23px;flex:none;border:2px solid #d3ac6433;border-top-color:#efd292;border-right-color:#c86a38;border-radius:50%;animation:ai-spin .85s linear infinite}
.q-loading{display:flex;align-items:flex-start;gap:12px;padding:15px 17px;margin-bottom:15px;border:1px solid #d1ad5a66;border-radius:6px;background:#b8542e12;color:#eacb8a}.q-loading>div{flex:1;min-width:0}.q-loading strong{display:block;font-size:14px;font-weight:500;margin:0 0 12px}.q-loading .ai-spinner{width:18px;height:18px;margin-top:2px}
.skeleton-line{display:block;height:8px;width:90%;margin:9px 0 0;border-radius:5px;background:linear-gradient(100deg,#d0ac5922 15%,#f1d9a655 45%,#d0ac5922 75%);background-size:220% 100%;animation:ai-shimmer 1.6s ease-in-out infinite}.skeleton-line.short{width:58%}
.question-loading{border-left:3px solid #d5b476;background:#b8542e09}.question-loading h3,.question-loading .hint{opacity:.45}.question-loading textarea{opacity:.5;cursor:wait}.question-loading button,.question-loading select{opacity:.4}.question-loading .q-tools{pointer-events:none}
@keyframes ai-spin{to{transform:rotate(360deg)}}@keyframes ai-shimmer{to{background-position:-120% 0}}
@media(max-width:1150px){.ai-progress{left:240px;right:20px}}@media(max-width:700px){.ai-progress{left:12px;right:12px;bottom:12px;padding:14px;gap:12px}.ai-progress strong{font-size:14px}.ai-progress p{font-size:12px}}
@media(prefers-reduced-motion:reduce){.ai-spinner,.skeleton-line{animation:none}.ai-spinner{border-color:#efd292 #c86a38 #d3ac6433 #d3ac6433}}
@media print{.ai-progress,.q-loading{display:none!important}}

/* The same 3D sun mesh and renderer as the FACES website. */
.faces-brand .brand-sun-stage{position:relative;display:block;width:42px;height:42px;flex:none}
.faces-brand .brand-sun-stage>.brand-sun{width:100%;height:100%;object-fit:contain;transition:opacity .12s}
.faces-brand .brand-sun-canvas{position:absolute;inset:0;display:block;width:100%;height:100%;opacity:0;pointer-events:none}
.faces-brand .sun-3d-ready>.brand-sun{opacity:0}.faces-brand .sun-3d-ready>.brand-sun-canvas{opacity:1}
@media(prefers-reduced-motion:reduce){.faces-brand .brand-sun-stage>.brand-sun{transition:none}}

.add-example{display:inline-flex;align-items:center;margin:-5px 0 8px;padding:7px 11px;border:1px solid #b28b4b77;border-radius:5px;font-size:12px;color:#e1c18a;background:#b8542e0d}.add-example:hover:not(:disabled){background:#b8542e24}.question-loading .add-example{cursor:wait}
.attachments{margin:14px 0;padding:14px;border:1px dashed #b28b4b77;border-radius:6px;background:#17161477}.file-picker{display:inline-block;position:relative;padding:8px 12px;border:1px solid #b28b4b99;border-radius:5px;color:#e1c18a;cursor:pointer;overflow:hidden}.file-picker input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-picker:focus-within{outline:2px solid #e1c18a;outline-offset:3px}.attachments .fine{margin:8px 0 0;color:#c7baa3;font-size:12px}.attachments ul{list-style:none;padding:0;margin:8px 0 0}.attachments li{overflow-wrap:anywhere;font-size:14px}.attachments li button{margin-left:8px}.question-loading .file-picker{opacity:.5;cursor:wait}

/* Do not reveal the next question until its single AI request completes. */
.client-mode .question-loading .q-main>:not(.q-loading){visibility:hidden}.client-mode .question-loading .q-main{min-height:100px}.client-mode .question-loading .q-loading{display:flex;position:absolute;inset:12px 0 auto}.client-mode .question-loading .q-main{position:relative}