:root{font-family:Inter,Arial,Helvetica,sans-serif;font-size:16px;color:#f2f0ec;background:#111;--gold:#c9a971;--muted:#aba8a2;--line:#393733;--panel:#191919}*{box-sizing:border-box}body{margin:0;min-width:320px}button,input,select{font:inherit}button{cursor:pointer}a{color:inherit}a:hover{color:#e1bf85}.site-header{border-bottom:1px solid #302e2b}.header-inner{max-width:1120px;margin:auto;padding:12px 30px;display:flex;justify-content:space-between;align-items:center}.logo-link{display:inline-flex;align-items:center;gap:15px;text-decoration:none}.brand-name{font:normal 1.05rem Georgia,serif;letter-spacing:.13em;color:#e5ce9f;white-space:nowrap}.brand-name small{display:block;text-align:center;font:normal .55rem Arial,sans-serif;letter-spacing:.34em;color:#c9a971;margin-top:6px}.header-right{display:flex;flex-direction:column;text-align:right;gap:7px;color:var(--muted);font-size:.75rem;letter-spacing:.08em;text-transform:uppercase}.header-right .showroom-label{color:#e4d4b9;font-size:.875rem;letter-spacing:.03em}main{max-width:1120px;margin:auto;padding:60px 30px 110px}.intro{max-width:770px;margin:0 0 45px}.kicker,.context-kicker,.eyebrow{font-size:.75rem;letter-spacing:.19em;font-weight:700;color:var(--gold)}h1,h2,h3,p{margin-top:0}.intro h1{font:normal clamp(2.7rem,6vw,5.1rem)/1.05 Georgia,'Times New Roman',serif;letter-spacing:-.04em;margin:16px 0 22px}.intro h1 span{color:var(--gold)}.intro p{font-size:1.075rem;line-height:1.7;color:#c8c5bf;max-width:650px;margin-bottom:0}.workarea{display:grid;grid-template-columns:minmax(0,685px) minmax(240px,1fr);gap:50px;align-items:start}.questionnaire{min-height:510px;background:var(--panel);border:1px solid var(--line);padding:35px 40px 38px}.progress-row{display:flex;justify-content:space-between;align-items:center;gap:15px;color:var(--muted);font-size:.8rem;letter-spacing:.09em;text-transform:uppercase}.progress-row strong{color:var(--gold);font-weight:600}.progress-line{height:1px;background:#403c35;margin:20px 0 37px}.progress-line span{display:block;height:2px;background:var(--gold);transition:width .25s}.questionnaire h2{font:normal clamp(1.8rem,3vw,2.45rem)/1.19 Georgia,'Times New Roman',serif;letter-spacing:-.02em;margin:0 0 13px}.prompt{color:#bcb9b3;line-height:1.6;margin:0 0 30px;max-width:550px}.options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.option{width:100%;min-height:80px;text-align:left;color:#eeeae3;background:#20201f;border:1px solid #48443e;padding:17px 18px;transition:background .15s,border-color .15s}.option:hover,.option:focus-visible{border-color:var(--gold);outline:none;background:#2a2824}.option[aria-pressed=true]{border-color:var(--gold);background:#302a21}.option .title{display:block;font-size:1rem;font-weight:600;line-height:1.35}.option .detail{display:block;color:#b9b3aa;font-size:.85rem;line-height:1.45;margin-top:7px;font-weight:400}.option[aria-pressed=true] .detail{color:#d2c4ad}.option .tick{color:var(--gold);margin-right:8px}.helper{font-size:.88rem;color:#b0aaa1;line-height:1.5;margin:20px 0 0}.actions{display:flex;justify-content:space-between;align-items:center;gap:12px;margin-top:38px}.back{border:0;background:transparent;color:#c6c1b8;padding:12px 0;text-decoration:underline;text-decoration-color:#5b554c;text-underline-offset:5px}.back:hover{color:white}.forward{background:var(--gold);color:#15130f;font-weight:700;border:1px solid var(--gold);padding:14px 23px;min-height:50px}.forward:hover{background:#e0c08d}.forward:disabled{opacity:.42;cursor:not-allowed}.context{padding:10px 0}.project-photo{margin:0 0 35px;position:relative;overflow:hidden}.project-photo img{display:block;width:100%;height:330px;object-fit:cover;object-position:center 51%}.project-photo figcaption{position:absolute;bottom:0;left:0;right:0;padding:27px 14px 13px;color:#f4ebdc;font-size:.68rem;font-weight:700;letter-spacing:.17em;background:linear-gradient(transparent,rgba(0,0,0,.72));text-align:center}.context-rule{height:1px;width:47px;background:var(--gold);margin:0 0 28px}.context h2{font:normal 2rem/1.19 Georgia,'Times New Roman',serif;margin:15px 0 22px}.context p{color:#bdb8af;line-height:1.7;font-size:.95rem}.context-divider{border-top:1px solid var(--line);margin:25px 0}.context .context-small{font-size:.85rem;line-height:1.6}.context .region{color:#d0b784;margin-top:25px}.estimate-label{font-size:.78rem;letter-spacing:.13em;color:var(--gold);font-weight:700;text-transform:uppercase}.estimate{font:normal clamp(2.35rem,5vw,3.5rem)/1.1 Georgia,'Times New Roman',serif;color:#f2e5d1;letter-spacing:-.035em;margin:13px 0}.estimate-sub{font-size:.95rem;color:#c5c0b7;line-height:1.55}.inclusion{border-top:1px solid var(--line);margin-top:28px;padding-top:23px}.inclusion h3{font-size:.92rem;letter-spacing:.07em;text-transform:uppercase;color:#e9decf;margin-bottom:12px}.inclusion p,.smallprint{color:#b9b5ae;font-size:.86rem;line-height:1.65}.notice{border-left:2px solid var(--gold);padding:11px 15px;background:#25231f;color:#d5d0c6;line-height:1.6;font-size:.88rem;margin:20px 0}.room-list{list-style:none;padding:0;margin:20px 0}.room-list li{display:flex;justify-content:space-between;gap:20px;border-bottom:1px solid var(--line);padding:11px 0;color:#c9c3b9;font-size:.9rem}.room-list li b{color:#f2eee7;text-align:right}.fit-title{margin-top:30px!important;font-size:1.3rem!important}.fit-options{display:grid;gap:8px}.fit-options .option{min-height:54px}.next-action{margin-top:22px}.field{display:block;color:#e9e3d9;font-size:.88rem;font-weight:600;margin:16px 0}.field input,.field select{display:block;width:100%;min-height:48px;background:#22211f;color:white;border:1px solid #5b564e;border-radius:0;padding:11px 13px;margin-top:8px}.field input:focus,.field select:focus{outline:2px solid var(--gold);outline-offset:1px}.two-fields{display:grid;grid-template-columns:1fr 1fr;gap:15px}.error{color:#ffd5b2;font-size:.88rem;min-height:1.3em}.send-note{font-size:.83rem;color:#aea99f;line-height:1.6;margin-top:17px}.contact-links{display:flex;gap:20px;flex-wrap:wrap;margin-top:20px;font-size:.88rem}.contact-links a{color:#e6c78f}.result-actions{display:flex;align-items:center;justify-content:space-between;margin-top:30px;gap:15px}footer{border-top:1px solid #302e2b;max-width:1060px;margin:auto;padding:27px 0 45px;display:flex;justify-content:space-between;gap:25px;color:#99948b;font-size:.75rem;line-height:1.7;letter-spacing:.03em}footer a{text-decoration:none}@media(max-width:850px){main{padding:40px 24px 75px}.workarea{grid-template-columns:1fr;gap:32px}.context{display:block}.project-photo img{height:320px;object-position:center 54%}.context-divider{display:block}.context .region{margin-top:18px}.intro{margin-bottom:30px}footer{margin:0 24px}}@media(max-width:580px){.header-inner{padding:9px 18px}.brand-name{font-size:.86rem;letter-spacing:.08em}.brand-name small{font-size:.5rem}.header-right span{display:none}main{padding:29px 18px 60px}.intro h1{margin:12px 0 15px}.intro p{font-size:.98rem;line-height:1.6}.intro{margin-bottom:25px}.questionnaire{padding:25px 21px;min-height:0}.progress-line{margin:15px 0 28px}.options{grid-template-columns:1fr;gap:9px}.option{min-height:62px;padding:14px 16px}.context{display:block;padding:0 5px}.project-photo img{height:330px;object-position:center 55%}.context h2{font-size:1.7rem}.context-divider{display:block}.context .region{margin-top:18px}.two-fields{grid-template-columns:1fr;gap:0}footer{margin:0 18px;display:block}footer div+div{margin-top:13px}}

.option{display:flex;align-items:center;gap:14px}.option-copy{display:block;min-width:0}.option-icon{flex:none;width:25px;height:25px;color:var(--gold);opacity:.88}.option[aria-pressed=true] .option-icon{opacity:1}.fit-options .option{display:block}
/* Editorial reading surface within the existing black-and-gold brand. */
.questionnaire{background:#eeeae2;border-color:#c7bba9;color:#26231e;box-shadow:0 22px 60px rgba(0,0,0,.14)}
.questionnaire h2{color:#29251f}.questionnaire .prompt{color:#5f5a52;font-size:1rem;line-height:1.55;margin-bottom:26px}
.questionnaire .progress-row{color:#655f56;font-size:.72rem;letter-spacing:.15em}.questionnaire .progress-row strong,.questionnaire .eyebrow,.questionnaire .estimate-label{color:#806037}
.questionnaire .progress-line{background:#c9c1b5}.questionnaire .progress-line span{background:#a17e4b}
.questionnaire .option{background:#faf8f3;color:#25221e;border:1px solid #d4cbbd;min-height:75px;padding:16px 18px}
.questionnaire .option:hover,.questionnaire .option:focus-visible{background:#fffdfa;border-color:#917344;outline:2px solid transparent;box-shadow:inset 3px 0 #a17e4b}
.questionnaire .option[aria-pressed=true]{background:#f2e9da;border-color:#8f7044;box-shadow:inset 3px 0 #9f7c49}
.questionnaire .option .title{color:#27231e;font-size:1rem;font-weight:650;line-height:1.32}
.questionnaire .option .detail{color:#625d55;font-size:.875rem;line-height:1.42;margin-top:5px}
.questionnaire .option[aria-pressed=true] .detail{color:#534b3e}.questionnaire .option-icon,.questionnaire .option .tick{color:#8b6a3e}
.questionnaire .back{color:#51483d;text-decoration-color:#aea18d}.questionnaire .back:hover{color:#1b1916}
.questionnaire .forward{background:#2c2822;color:#f5eee2;border-color:#2c2822}.questionnaire .forward:hover{background:#514432}
.questionnaire .estimate{color:#392e20}.questionnaire .estimate-sub,.questionnaire .smallprint,.questionnaire .inclusion p{color:#5a544b}
.questionnaire .inclusion,.questionnaire .room-list li{border-color:#d2c9bc}.questionnaire .inclusion h3,.questionnaire .room-list li b{color:#352d22}.questionnaire .room-list li{color:#554e44}
.questionnaire .notice{background:#e6dccb;border-color:#957344;color:#4d4233}
.questionnaire .field{color:#302b24}.questionnaire .field input,.questionnaire .field select{background:#faf8f3;border-color:#b7aa96;color:#27231e}.questionnaire .send-note{color:#5d574e}.questionnaire .error{color:#8a3a28}.questionnaire .contact-links a{color:#76542b}
@media(max-width:580px){.questionnaire{padding:27px 21px 30px}.questionnaire .progress-line{margin:15px 0 30px}.questionnaire h2{font-size:2rem;line-height:1.13;margin-bottom:13px}.questionnaire .prompt{font-size:.98rem;margin-bottom:22px}.questionnaire .option{min-height:69px;padding:13px 15px}.questionnaire .option .detail{font-size:.86rem}.questionnaire .actions{margin-top:27px}}

/* Clear opening composition and project imagery throughout the guide. */
.intro{text-align:center;margin-left:auto;margin-right:auto}.intro p{margin-left:auto;margin-right:auto}
.questionnaire.is-start h2,.questionnaire.is-start .prompt{text-align:center;margin-left:auto;margin-right:auto}
.questionnaire.is-start h2{max-width:18ch}.questionnaire.is-start .prompt{max-width:36ch}
.option-icon{width:32px;height:32px;stroke-width:1.55;opacity:1}.questionnaire .option-icon{color:#80643d}
.mobile-project-photo{display:none;margin:0}.project-photo img{transition:opacity .18s ease}
@media(max-width:850px){.project-photo{display:none}.mobile-project-photo{display:block;height:100px;overflow:hidden;margin:-14px 0 26px}.mobile-project-photo img{display:block;width:100%;height:100%;object-fit:cover;object-position:center 48%}.context{border-top:1px solid #393733;padding-top:28px}}
@media(max-width:580px){.intro h1{font-size:clamp(2.65rem,10vw,4rem)}.intro p{font-size:.98rem}.questionnaire .option{gap:14px}.questionnaire .option-icon{width:32px;height:32px}.mobile-project-photo{height:88px;margin:-13px -21px 23px}.questionnaire.is-start h2{font-size:2.15rem}}
/* Keep the introduction on the opening screen; subsequent questions start at the task. */
.in-progress .intro{display:none}.in-progress main{padding-top:34px}
.questionnaire .option-icon{width:40px;height:40px;stroke-width:1.65;flex:none}
.questionnaire .copy-brief{background:transparent;color:#4d4030;border:1px solid #a58b68;min-height:50px;padding:12px 17px;font-weight:600}
.questionnaire .copy-brief:hover,.questionnaire .copy-brief:focus-visible{background:#e7ddce;outline:2px solid #9e7e4b;outline-offset:2px}
.send-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.questionnaire .result-actions .forward:focus-visible,.questionnaire .forward:focus-visible{outline:2px solid #886536;outline-offset:3px}
.questionnaire .option:focus-visible{outline:2px solid #806037;outline-offset:2px}
@media(max-width:850px){.in-progress main{padding-top:24px}}
@media(max-width:580px){.questionnaire .option-icon{width:38px;height:38px}.questionnaire .estimate{font-size:clamp(1.75rem,7vw,2.4rem)}.questionnaire .actions:has(.send-actions){align-items:stretch;flex-direction:column-reverse}.questionnaire .send-actions{flex-direction:column-reverse;width:100%}.questionnaire .send-actions button{width:100%}.questionnaire .actions:has(.send-actions) .back{align-self:flex-start}}
/* A single, centred wordmark remains visible through every step. */
.site-header{position:sticky;top:0;z-index:30;background:#111}
.site-header .header-inner{justify-content:center;min-height:74px}
.site-header .logo-link{text-align:center}
#app{scroll-margin-top:88px}
@media(max-width:580px){.site-header .header-inner{min-height:64px}.site-header .brand-name{font-size:.98rem;letter-spacing:.12em}.site-header .brand-name small{font-size:.55rem}#app{scroll-margin-top:76px}}