@font-face{font-family:Instrument;src:url(fonts/instrument.woff2) format('woff2');font-weight:400 700;font-display:swap}@font-face{font-family:Bricolage;src:url(fonts/bricolage.woff2) format('woff2');font-weight:600 700;font-display:swap}
:root{--paper:#e9e3d9;--ink:#18231f;--green:#285b4d;--rule:#c9c6b9;--muted:#5b655e}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:130px}body{margin:0;font:16px/1.6 Instrument,Arial,sans-serif;color:var(--ink);background:var(--paper)}button,input,textarea,select{font:inherit}button,a{-webkit-tap-highlight-color:transparent}button{cursor:pointer}a{color:inherit;text-decoration:none}button{color:inherit}img{display:block;max-width:100%}h1,h2,h3,p{margin:0}h1,h2,h3{line-height:1.06}h1,h2{letter-spacing:-.055em}p+p{margin-top:20px}button:focus-visible,a:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible,summary:focus-visible{outline:3px solid #618e7c;outline-offset:5px}a,button{touch-action:manipulation}.wrap{max-width:1320px;padding:0 52px;margin:auto}.eyebrow{font:11px/1.5 'Courier New',monospace;letter-spacing:.12em;font-weight:600}.button{display:inline-flex;align-items:center;justify-content:space-between;gap:26px;min-height:51px;border:1px solid transparent;border-radius:4px;padding:13px 22px;font-weight:600;line-height:1.35;transition:transform .2s,background .2s}.button:hover{transform:translateY(-2px)}.button-dark{background:var(--ink);color:#f7f4ec}.button-dark:hover{background:#315749}.button span[aria-hidden]{font-size:21px}.wide{width:100%}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.skip{position:fixed;left:20px;top:-100px;background:#fff;padding:12px 20px;z-index:100}.skip:focus{top:12px}.bt-brand{display:flex;align-items:center;gap:11px;font-size:17px;font-weight:700;letter-spacing:-.035em}.bt-brand svg{width:29px;height:29px;fill:none;stroke:#447b67;stroke-width:2.3}.bt-brand .soft{color:#47705f}.proposal-header{min-height:92px;display:flex;justify-content:space-between;align-items:center;gap:20px}.proposal-header nav{display:flex;gap:29px;align-items:center;font-size:13px}.header-contact{border:1px solid #b7beb1;padding:8px 16px;border-radius:30px}.grid-paper{background-image:linear-gradient(#bac2b329 1px,transparent 1px),linear-gradient(90deg,#bac2b329 1px,transparent 1px);background-size:58px 58px}.proposal-hero{border-block:1px solid var(--rule)}.hero-meta{display:flex;justify-content:space-between;padding:25px 0;border-bottom:1px solid var(--rule);font-size:10px}.hero-meta>span:first-child{display:flex;gap:9px;align-items:center}.status-dot{width:6px;height:6px;border-radius:50%;background:#487965;display:inline-block}.proposal-hero-grid{display:grid;grid-template-columns:1fr 310px;gap:70px;align-items:center;padding:70px 0 64px}.proposal-hero h1{font:600 clamp(42px,5.1vw,73px)/1.09 Bricolage,Arial,sans-serif;letter-spacing:-.06em;max-width:830px}.boxed{display:inline-block;position:relative;border:1.5px solid #6e8e77;padding:0 10px 8px;color:#426e56;margin:7px 0 0 -10px}.boxed i{position:absolute;width:9px;height:9px;background:#68977e;right:-4px;bottom:-4px;transform:rotate(14deg)}.proposal-lede{font-size:18px;color:#526056;line-height:1.65;margin:27px 0 30px}.project-note{background:#f2efe6;border:1px solid #c9cebf;border-radius:8px;padding:28px;position:relative;box-shadow:10px 10px 0 #718d7420;transform:rotate(1.2deg)}.project-note h2{font:600 36px/1.05 Bricolage,sans-serif;letter-spacing:-.05em;margin:24px 0 18px}.project-note p{font-size:14px;color:#5d675e}.project-note-bottom{border-top:1px solid #d1d5c7;margin-top:26px;padding-top:15px;display:flex;flex-direction:column;font-size:10px;font-family:monospace;line-height:1.8}.hero-foot{border-top:1px solid var(--rule);display:flex;justify-content:space-between;padding:17px 0;font:9px/1.6 monospace;letter-spacing:.12em;color:#63715f}.proposal-section{padding-top:85px;padding-bottom:85px}.section-heading{display:flex;justify-content:space-between;gap:35px;align-items:end;margin-bottom:35px}.section-heading h2{font:600 clamp(33px,3.5vw,48px)/1.1 Bricolage,sans-serif;letter-spacing:-.05em}.section-heading>p{max-width:350px;color:var(--muted);font-size:14px;line-height:1.7}.section-number{margin-bottom:18px;color:#5b6b5c}.concept-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.concept-card{background:#f4f1e9;border:1px solid #c9cbbf;border-radius:7px;overflow:hidden;transition:box-shadow .2s,border-color .2s}.concept-card[data-chosen=true]{border-color:#2e6753;box-shadow:0 0 0 2px #2e6753}.concept-preview{display:block;position:relative;overflow:hidden;background:#c7ccbd;padding:18px 15px;aspect-ratio:1.18}.concept-preview>div{height:100%;pointer-events:none;box-shadow:0 5px 15px #0b211b22;overflow:hidden}.preview-hover{position:absolute;inset:0;background:#193d25d9;display:flex;align-items:center;justify-content:center;color:white;font-size:14px;opacity:0;transition:opacity .2s}.concept-preview:hover .preview-hover,.concept-preview:focus-visible .preview-hover{opacity:1}.concept-body{padding:23px}.concept-meta{display:flex;justify-content:space-between;align-items:center;font:9px monospace;letter-spacing:.1em;color:#5c6c5e}.swatches{display:flex;gap:4px}.swatches i{height:13px;width:13px;border-radius:50%;border:1px solid #0001}.concept-body h3{font:600 26px/1.1 Bricolage,sans-serif;letter-spacing:-.04em;margin:18px 0 15px;min-height:57px}.concept-body>p{font-size:13px;color:#61665e;min-height:106px;line-height:1.7}.concept-tags{font-size:10px;color:#66715e;border-top:1px solid #d5d7cb;padding-top:13px;margin:16px 0 22px}.concept-body .button{font-size:12px;padding:12px 15px;min-height:44px}.shortlist{display:flex;align-items:center;justify-content:center;gap:9px;width:100%;background:none;border:0;padding:18px 4px 0;font-size:11px}.select-circle{border:1px solid #788976;display:inline-block;width:13px;height:13px;border-radius:50%}[aria-pressed=true] .select-circle{background:#315a43;box-shadow:inset 0 0 0 3px #f4f1e9}[data-select][aria-pressed=true]{color:#366a4d}.quiet-note{font-size:11px;color:#78816f;text-align:center;margin-top:24px}.comparison-section{background:#dedfd2;border-block:1px solid #c6cdb9;padding:70px 0}.table-scroll{overflow-x:auto}table{width:100%;border-collapse:collapse;font-size:12px;min-width:760px;text-align:left}th,td{padding:20px 16px;border-bottom:1px solid #bdc5b2;vertical-align:top}th:first-child,td:first-child{padding-left:0}thead th{font-weight:600;color:#2c523b;padding-top:12px}tbody th{font-weight:400;color:#63705c}td a{border-bottom:1px solid #879c7e;padding-bottom:3px}.feedback-grid{display:grid;grid-template-columns:1fr 1fr;gap:100px}.feedback-grid h2{font:600 clamp(42px,5vw,67px)/1.06 Bricolage,sans-serif;letter-spacing:-.06em}.feedback-grid h2 em{font-family:Georgia,serif;font-weight:400;color:#527455}.feedback-grid>div>p:not(.eyebrow){max-width:390px;color:#66705f;font-size:14px;margin-top:25px}.next-steps{display:flex;flex-direction:column;gap:0;margin-top:30px;max-width:380px}.next-steps span{padding:15px 0;border-bottom:1px solid #cdd1c2;font:10px monospace;color:#688062}.next-steps b{font:14px Instrument,sans-serif;color:#283b2b;margin-left:20px}.feedback-panel{background:#f4f1e8;border:1px solid #ccd0be;padding:32px;border-radius:7px}.choice-summary{font:600 23px/1.2 Bricolage,sans-serif;margin:14px 0 22px;letter-spacing:-.03em}.choice-options{border:0;padding:0;margin:0 0 24px;display:grid;gap:8px}.choice-options label{display:flex;align-items:center;gap:11px;padding:10px 11px;border:1px solid #d2d5c6;border-radius:3px;font-size:12px;cursor:pointer}.choice-options label:has(:checked){background:#e0e8d8;border-color:#688363}.choice-options input{accent-color:#325d40}.field-label{display:block;font-size:12px;margin-bottom:8px}textarea,input,select{border:1px solid #b7bfac;background:#faf8f0;color:inherit;border-radius:3px;padding:12px;width:100%;font-size:14px}textarea{resize:vertical}.feedback-panel>.button{margin-top:20px;font-size:13px}.fine-print{font-size:10px;color:#74806a;margin:11px 0 22px;line-height:1.6}.text-link{font-size:12px;border:0;border-bottom:1px solid currentColor;background:none;padding:0 0 5px;font-weight:600;display:inline-block}.proposal-footer{border-top:1px solid #c5cdb8;min-height:130px;display:flex;justify-content:space-between;align-items:center;gap:25px}.proposal-footer .bt-brand{font-size:14px}.proposal-footer p,.proposal-footer>a:last-child{font-size:10px;color:#6b7763}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,25px);background:#183d2e;color:#fff9e9;padding:13px 24px;border-radius:5px;font-size:13px;box-shadow:0 8px 30px #0002;opacity:0;pointer-events:none;transition:all .25s;z-index:30;max-width:calc(100% - 30px);text-align:center}.toast.shown{opacity:1;transform:translate(-50%,0)}
/* Shared preview navigation and working enquiry experience */
.concept{--accent:#233f34;--page:#f5f2e8;--text:#223c32;background:var(--page);color:var(--text)}
/* 01 — editorial, forest and ivory */
.concept-1{--accent:#233f34;--page:#f4f1e7;--text:#253e32}
/* 02 — warm, neighbourly, people first */
.concept-2{--accent:#ac5438;--page:#fcf5e9;--text:#51382b}.neighbour-hero{display:grid;grid-template-columns:1.15fr 1fr;gap:85px;align-items:center;padding-top:66px;padding-bottom:78px}.little-sun{font-size:23px;vertical-align:middle;margin-right:7px;color:#b3653e}.neighbour-copy h1{font-size:clamp(44px,5.5vw,78px);letter-spacing:-.06em;line-height:1.06;margin:25px 0}.underlined{position:relative;display:inline-block;color:#a8563b}.underlined:after{content:'';position:absolute;bottom:-5px;left:0;width:100%;height:9px;border-top:3px solid #c1a46d;border-radius:50%;transform:rotate(-3deg)}.neighbour-copy>p:not(.eyebrow){max-width:400px;font-size:15px;line-height:1.8;color:#826c57;margin:26px 0}.neighbour-copy .button{font-size:12px}.neighbour-intro{display:flex;align-items:center;gap:12px;margin-top:31px}.neighbour-intro img{width:47px;height:47px;border-radius:50%}.neighbour-intro b{font-size:11px}.neighbour-intro small{display:block;font-size:10px;color:#8a755d}.neighbour-photo{position:relative;padding-bottom:20px}.neighbour-photo>img{width:100%;height:500px;object-fit:cover;border-radius:190px 190px 20px 20px}.paper-note{position:absolute;left:-40px;bottom:60px;transform:rotate(-7deg);background:#ebddaf;box-shadow:1px 5px 10px #67412820;font:23px/1.1 Bricolage,sans-serif;padding:20px 22px}.paper-note em{font:italic 23px/1.2 Georgia,serif}.paper-note>span{font:italic 15px Georgia,serif;display:block;margin-top:15px;text-align:right}.photo-label{font:8px monospace;letter-spacing:.08em;display:block;text-align:center;position:absolute;bottom:0;left:0;right:0;color:#89745d}.neighbour-ticker{display:flex;justify-content:center;gap:35px;align-items:center;background:#e8dac5;padding:19px 20px;font:17px Georgia,serif}.neighbour-ticker>span:nth-child(even){font-size:24px;color:#9a6548}.neighbour-section-head{text-align:center}.neighbour-section-head h2{margin:23px 0 18px}.neighbour-section-head>p:last-child{font-size:13px;color:#8e765f}.neighbour-services{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;margin-top:43px}.neighbour-services article{background:#f0e5d5;border-radius:15px;padding:32px 28px}.neighbour-services article:nth-child(2){background:#e5e6d4}.neighbour-services article:nth-child(3){background:#f0decf}.drawn-icon{font:42px/1 Georgia,serif;color:#ae6b49}.neighbour-services h3{font-size:27px;letter-spacing:-.04em;margin:25px 0 15px}.neighbour-services p{font-size:13px;color:#846f5b;line-height:1.75;max-width:265px}.neighbour-services button{font-size:11px;background:none;border:0;border-bottom:1px solid #b29375;padding:0 0 6px;margin-top:25px}.neighbour-about{background:#eee2d0;padding:85px 0}.neighbour-portrait{position:relative;max-width:350px;margin:0 auto;padding-bottom:45px;transform:rotate(-3deg)}.neighbour-portrait img{width:100%;border-radius:155px 155px 8px 8px;border:13px solid #fff8ec;box-shadow:10px 10px 0 #cbbda5}.neighbour-portrait>span{position:absolute;bottom:12px;left:20px;font:italic 25px/1.15 Georgia,serif;transform:rotate(5deg);background:#f8f0e2;padding:13px 22px;box-shadow:0 2px 5px #9c826d22}.neighbourhood-story{display:grid;grid-template-columns:1fr 1fr;gap:90px;align-items:center}.neighbourhood-story h2{margin:23px 0 25px}.neighbourhood-story p:not(.eyebrow){font-size:14px;color:#8a735d;max-width:380px;line-height:1.8}.neighbourhood-story .text-link{margin-top:27px}.neighbourhood-story img{width:100%;height:400px;object-fit:cover;border-radius:18px}.area-chips{display:flex;gap:8px;flex-wrap:wrap;margin-top:35px}.area-chips span{font-size:9px;border:1px solid #c7bda6;padding:7px 13px;border-radius:25px}.neighbour-steps{padding-bottom:90px;text-align:center}.neighbour-steps h2{margin:24px 0 45px}.neighbour-steps>div{display:grid;grid-template-columns:repeat(3,1fr);gap:25px}.neighbour-steps article{border-top:1px solid #cbbb9d;padding-top:25px}.neighbour-steps b{font:italic 24px Georgia,serif;color:#b16a46}.neighbour-steps h3{font-size:23px;margin:20px 0 13px}.neighbour-steps p{font-size:12px;color:#9c8164}.neighbour-cta{background:#626947;color:#f8f0dc;padding:70px 30px 85px;text-align:center}.neighbour-cta .little-sun{display:block;color:#dfc794;font-size:46px;margin:0 0 18px}.neighbour-cta h2{font-size:clamp(41px,4.8vw,65px);margin:25px 0 30px}.neighbour-cta h2 em{color:#e6cca1}.neighbour-cta .button{background:#f3e7d0;color:#5b583b;font-size:12px}
/* 03 — high contrast, contemporary, direct */
.concept-3{--accent:#f3df45;--page:#f5f5ec;--text:#1b1e18}.service-arrow{font-size:39px}
@media(min-width:1500px){.concept-preview{aspect-ratio:1.2}}
@media(max-width:1100px){.wrap{padding-left:30px;padding-right:30px}.proposal-hero-grid{gap:35px;grid-template-columns:1fr 270px}.proposal-hero h1{font-size:57px}.project-note{padding:24px}.concept-grid{gap:15px}.concept-body{padding:20px 17px}.concept-body h3{font-size:23px}.concept-body>p{min-height:126px}.feedback-grid{gap:60px}.neighbour-hero{gap:45px}.neighbour-copy h1{font-size:60px}.neighbour-photo>img{height:470px}.proposal-footer{flex-wrap:wrap;padding-top:30px;padding-bottom:30px;min-height:auto}.proposal-footer p{display:none}}
@media(max-width:800px){html{scroll-padding-top:90px}.wrap{padding-left:24px;padding-right:24px}.proposal-header{min-height:78px}.proposal-header nav>a:not(:last-child){display:none}.bt-brand{font-size:15px}.hero-meta>span:last-child{display:none}.proposal-hero-grid{grid-template-columns:1fr;padding:45px 0;gap:35px}.proposal-hero h1{font-size:clamp(42px,7vw,60px)}.project-note{max-width:450px;transform:none;display:none}.hero-foot{font-size:8px;gap:20px}.proposal-lede{font-size:16px}.proposal-section{padding-top:58px;padding-bottom:58px}.section-heading{display:block}.section-heading>p{max-width:500px;margin-top:18px}.concept-grid{grid-template-columns:1fr;max-width:560px;margin:auto;gap:30px}.concept-preview{aspect-ratio:1.45;padding:22px}.concept-body{padding:25px}.concept-body h3{font-size:30px;min-height:0}.concept-body>p{min-height:0;max-width:450px;font-size:14px}.concept-tags{font-size:11px}.concept-body .button{font-size:14px;min-height:48px}.shortlist{font-size:12px;padding-top:22px}.concept-meta{font-size:10px}.comparison-section{padding:55px 0}.feedback-grid{grid-template-columns:1fr;gap:40px}.feedback-grid>div>p:not(.eyebrow){max-width:100%}.next-steps{max-width:100%}.feedback-panel{padding:25px}.collection-about,.neighbour-about{padding:55px 0}.neighbour-hero{grid-template-columns:1fr;gap:45px;padding-top:40px;padding-bottom:45px}.neighbour-copy h1{font-size:clamp(49px,9vw,75px)}.neighbour-copy>p:not(.eyebrow){max-width:500px}.neighbour-photo{max-width:520px;width:calc(100% - 25px);justify-self:end}.neighbour-photo>img{height:450px;border-radius:180px 180px 15px 15px}.paper-note{left:-25px;bottom:50px;font-size:25px}.neighbour-ticker{gap:17px;flex-wrap:wrap;font-size:14px}.neighbour-ticker>span:last-child{display:none}.neighbour-services{grid-template-columns:1fr;gap:18px;margin-top:35px}.neighbour-services article{padding:25px 28px}.neighbour-services p{max-width:100%}.drawn-icon{float:right;font-size:38px}.neighbour-services h3{font-size:29px;margin-top:10px}.neighbour-portrait{max-width:310px;margin-top:15px}.neighbourhood-story{grid-template-columns:1fr;gap:35px}.neighbourhood-story img{height:320px}.neighbour-steps{padding-bottom:55px}.neighbour-steps>div{grid-template-columns:1fr;gap:25px;text-align:left}.neighbour-steps article{position:relative;padding-left:60px;padding-top:22px}.neighbour-steps b{position:absolute;left:0;top:30px}.neighbour-steps h3{margin:0 0 12px}.neighbour-cta{padding:50px 25px 60px}.service-arrow{grid-column:3;grid-row:1/3;font-size:35px}}
@media(max-width:420px){.proposal-header{padding-left:18px;padding-right:18px}.bt-brand{font-size:13px;gap:8px}.bt-brand svg{width:24px;height:24px}.header-contact{padding:7px 10px;font-size:11px}.proposal-hero h1{font-size:41px}.proposal-lede br{display:none}.hero-foot>span:last-child{max-width:140px;text-align:right}.concept-preview{aspect-ratio:1.2;padding:15px}.neighbour-photo>img{height:385px}.neighbour-copy h1{font-size:49px}.paper-note{font-size:22px}.proposal-footer{flex-direction:column;align-items:start;gap:17px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{transition:none!important;animation:none!important}}

/* Beyond The Box brand layer: proposal page and the preview bar only.
   Tokens from 02-Product/design/website-design-spec.md section 2. The three
   concept pages below the preview bar use SmartSell's Rawson yellow. */
body.proposal{--paper:#e9e3d9;--surface:#fff;--surface-2:#fcfaf6;--band:#f7f3ec;--ink:#16130f;--ink-2:#3a352e;--ink-3:#6e675d;--line:#e6e0d6;--line-2:#d6cfc2;--accent:#1d4e4a;--accent-2:#2e6b64;--accent-soft:#eaf1ef;--deep:#16332f;--mint:#7fb3a6;--grid:rgba(22,19,15,.10);--rule:var(--line-2);--muted:var(--ink-3);color:var(--ink);background:var(--paper)}
body.proposal .eyebrow,body.proposal .project-note-bottom,body.proposal .hero-foot,body.proposal .concept-meta,body.proposal .next-steps span,.preview-bar small{font-family:'Space Mono',ui-monospace,monospace;font-weight:400}
body.proposal .grid-paper{background-image:linear-gradient(var(--grid) 1px,transparent 1px),linear-gradient(90deg,var(--grid) 1px,transparent 1px);background-size:64px 64px;background-color:var(--surface-2)}
.bt-brand{color:var(--ink,#16130f);font-family:Bricolage,sans-serif;font-weight:600}
.bt-brand svg{fill:none;stroke:none}
.bt-brand svg path{stroke:#1d4e4a;stroke-width:2.8;stroke-linecap:round}
.bt-brand svg rect{fill:#1d4e4a}
.bt-brand .soft{color:#1d4e4a}
.proposal-footer .bt-brand svg path{stroke:var(--ink)}
body.proposal .button-dark{background:var(--accent);color:#fff;border-radius:9px}
body.proposal .button-dark:hover{background:var(--accent-2);color:#fff}
body.proposal .header-contact{border-color:var(--line-2)}
body.proposal .header-contact:hover{border-color:var(--accent);color:var(--accent)}
body.proposal .status-dot{background:var(--mint)}
body.proposal .boxed{border-color:var(--accent);color:var(--accent)}
body.proposal .boxed i{background:var(--accent);border-radius:2px}
body.proposal .proposal-lede,body.proposal .feedback-grid>div>p:not(.eyebrow),body.proposal .concept-body>p{color:var(--ink-2)}
body.proposal .project-note,body.proposal .feedback-panel,body.proposal .concept-card{background:var(--surface);border-color:var(--line-2)}
body.proposal .project-note{box-shadow:10px 10px 0 rgba(29,78,74,.08)}
body.proposal .project-note p,body.proposal .section-number,body.proposal .concept-meta,body.proposal .concept-tags,body.proposal .quiet-note,body.proposal .fine-print,body.proposal .hero-foot,body.proposal .proposal-footer p,body.proposal .proposal-footer>a:last-child{color:var(--ink-3)}
body.proposal .project-note-bottom,body.proposal .concept-tags,body.proposal .next-steps span{border-color:var(--line)}
body.proposal .concept-card[data-chosen=true]{border-color:var(--accent);box-shadow:0 0 0 2px var(--accent)}
body.proposal .concept-preview{background:var(--band)}
body.proposal .preview-hover{background:rgba(22,51,47,.88)}
body.proposal .select-circle{border-color:var(--ink-3)}
body.proposal .comparison-section{background:var(--band);border-color:var(--line)}
body.proposal th,body.proposal td{border-color:var(--line-2)}
body.proposal thead th{color:var(--accent)}
body.proposal td a{border-color:var(--accent);color:var(--accent)}
body.proposal .next-steps span{color:var(--ink-3)}
body.proposal .next-steps b{color:var(--ink)}
body.proposal .choice-options label{border-color:var(--line-2);background:var(--surface-2)}
body.proposal .choice-options label:has(:checked){background:var(--accent-soft);border-color:var(--accent)}
body.proposal .choice-options input{accent-color:var(--accent)}
body.proposal textarea{border:1px solid var(--line-2);background:var(--surface-2);border-radius:6px}
body.proposal .proposal-footer{border-color:var(--line)}
body.proposal .toast{background:var(--deep);color:#fff}
body.proposal :focus-visible{outline-color:var(--accent)}
body.proposal .choice-options input{width:auto;flex:none;margin:0;padding:0}
body.proposal .feedback-grid h2 em{font-family:inherit;font-weight:600;font-style:normal;color:var(--accent)}

/* Live thumbnails of the three designs */
.concept-preview{padding:0;aspect-ratio:16/10}
.thumb{position:absolute;inset:0;overflow:hidden;--s:.3}
.thumb iframe{width:1280px;height:800px;border:0;transform:scale(var(--s));transform-origin:0 0;pointer-events:none;background:#fff}
.swatches{display:flex;gap:10px}
.sw-set{display:flex;gap:3px}
.sw-set i{height:12px;width:12px;border-radius:50%;border:1px solid rgba(0,0,0,.12)}
.feedback-panel>.eyebrow+.choice-summary{margin-bottom:22px}

/* Phones: most people will open this proposal on one */
@media(max-width:700px){
  .wrap{padding-left:20px;padding-right:20px}
  body.proposal{font-size:16px}
  .proposal-header{min-height:68px}
  .proposal-header nav a:not(.header-contact){display:none}
  .header-contact{padding:10px 16px}
  .hero-meta{font-size:11px;flex-direction:column;gap:6px}
  .hero-foot{font-size:11px;flex-direction:column;gap:4px}
  .proposal-hero-grid{padding:40px 0 36px}
  .proposal-lede{font-size:17px}
  .proposal-hero .button{width:100%}
  .proposal-section{padding-top:56px;padding-bottom:56px}
  .section-heading{flex-direction:column;align-items:flex-start;gap:12px}
  .section-heading>p{font-size:15px;max-width:none}
  .concept-grid{grid-template-columns:1fr;gap:28px}
  .concept-meta{font-size:11px}
  .concept-body h3{min-height:0;font-size:28px}
  .concept-body>p{min-height:0;font-size:15.5px}
  .concept-tags{font-size:12px}
  .concept-body .button{font-size:15px;min-height:52px}
  .shortlist{font-size:14px;padding:14px 4px 4px;min-height:48px}
  .quiet-note{font-size:13px;line-height:1.6}
  /* show each design as it looks on a phone */
  .concept-preview{aspect-ratio:auto;height:440px;background:#e9e3d9}
  .thumb{inset:22px auto 0 50%;width:250px;transform:translateX(-50%);border:7px solid #16130f;border-bottom:0;border-radius:30px 30px 0 0;background:#fff;box-shadow:0 20px 40px -24px rgba(0,0,0,.5)}
  .thumb iframe{width:390px;height:720px}
  .preview-hover{display:none}
  /* comparison: one card per design instead of a wide table */
  .comparison-section{padding:56px 0}
  .table-scroll{overflow:visible}
  table{min-width:0;font-size:15px}
  thead{display:none}
  tbody,tr,th,td{display:block}
  tr{padding:16px 0;border-bottom:1px solid var(--line-2,#d6cfc2)}
  tbody th{padding:0 0 8px;border:0;font-weight:600;color:var(--ink,#16130f);font-size:15px}
  td{padding:6px 0 6px 0;border:0;display:grid;grid-template-columns:120px 1fr;gap:12px}
  td::before{content:attr(data-label);font:11px/1.6 'Space Mono',ui-monospace,monospace;color:var(--ink-3,#6e675d);letter-spacing:.04em}
  th:first-child,td:first-child{padding-left:0}
  /* feedback */
  .feedback-grid{grid-template-columns:1fr;gap:36px}
  .feedback-grid>div>p:not(.eyebrow){font-size:16px}
  .next-steps span{font-size:12px}
  .next-steps b{font-size:15px}
  .feedback-panel{padding:22px}
  .choice-options label{font-size:15px;padding:13px 12px;min-height:48px}
  .field-label{font-size:14px}
  textarea{font-size:16px}
  .feedback-panel>.button{font-size:15px;min-height:52px}
  .fine-print{font-size:12.5px}
  .text-link{font-size:15px;padding:10px 0 6px}
  .proposal-footer{flex-direction:column;align-items:flex-start;justify-content:center;gap:10px;padding-top:28px;padding-bottom:32px}
  .proposal-footer p,.proposal-footer>a:last-child{font-size:13px}
  .toast{bottom:16px;font-size:14px}
}

/* Feedback form: sent by functions/api/feedback.js. */
.feedback-fields{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-top:16px}
body.proposal .feedback-fields input{border:1px solid var(--line-2);background:var(--surface-2);border-radius:6px}
.feedback-trap{position:absolute;left:-9999px;width:1px;height:1px;overflow:hidden}
.feedback-panel{position:relative}
.feedback-status{font-size:14px;margin:14px 0 0;line-height:1.5}
.feedback-status:empty{display:none}
.feedback-status[data-state=sent]{font-weight:600}
.feedback-panel>#feedback-email{margin:10px 0 0}
.feedback-panel>#feedback-email[hidden]{display:none}
.feedback-panel[data-state=sent] .choice-options,.feedback-panel[data-state=sent] textarea,.feedback-panel[data-state=sent] .feedback-fields,.feedback-panel[data-state=sent] #feedback-send,.feedback-panel[data-state=sent] label[for=feedback-notes]{display:none}
@media(max-width:600px){.feedback-fields{grid-template-columns:1fr}.feedback-fields input{font-size:16px}}