/* Halyard / Mencken-inspired contrast, using open-source DM Sans + Libre Caslon. */
:root{--cream:#faf5eb;--paper:#fffdf8;--green:#312824;--red:#b52224;--muted:#776c62;--line:#e0d5c6;--serif:'Cormorant Infant',Georgia,serif;--sans:'DM Sans',Arial,sans-serif}
body{background:var(--cream)}
.masthead{height:126px;margin:0 16px;border-width:7px;background:#ad2524}
.bar-sign{gap:9px}.masthead .wordmark{font-size:54px}.sign-location{font-size:8px;letter-spacing:2.5px}.sign-details{font-size:8px;letter-spacing:3.5px}
.awning{height:26px;margin:0 16px;background:repeating-linear-gradient(90deg,#bc302a 0 25px,#faf0d9 25px 50px);border-bottom-width:3px}.progress-track{margin-top:8px;height:3px}
.question-page{max-width:760px;padding:34px 30px 45px;min-height:calc(100vh - 217px)}
.step-meta{font-size:10px;letter-spacing:1.5px;margin-bottom:29px}
.question-head{margin-bottom:28px}.question-head h1{font-family:var(--sans);font-size:clamp(30px,3.1vw,43px);font-weight:700;line-height:1.1;letter-spacing:-1.8px;color:#352a26;margin-bottom:16px}
.question-head .lede{font-size:14px;line-height:1.5;color:var(--muted)}
.identity-page{max-width:760px}.identity-layout{display:block;min-height:0}.identity-layout .question-head{text-align:left;margin-bottom:32px}.identity-layout h1{font-size:48px;max-width:620px}
.field label{font-size:13px;display:flex;align-items:center;gap:9px;font-weight:600;min-height:20px}.field label small{font-size:11px;font-weight:400;color:var(--muted)}
.fields{gap:23px 17px}.field input,.field select,.field textarea{background:#fffdf8;border:1px solid #d9ccbc;border-radius:6px;min-height:53px;font-size:14px;padding:14px 15px}.field input::placeholder,.field textarea::placeholder{color:#93877c}.field textarea{min-height:95px}.phone-composite{display:grid;grid-template-columns:130px minmax(0,1fr);gap:0;background:#fffdf8;border:1px solid #d9ccbc;border-radius:6px;overflow:hidden;min-height:53px}.phone-composite select,.phone-composite input{border:0;border-radius:0;background:transparent;min-height:51px}.phone-composite select{border-right:1px solid #d9ccbc}
.field-icon{display:inline-grid;place-items:center;width:34px;height:34px;border-radius:8px;border:1px solid #c4a184;background:#f2dec7;color:#974d38;transform:rotate(-5deg);flex-shrink:0;box-shadow:2px 2px 0 #d9c0a2}.field-icon svg{width:23px;height:23px}.field-icon.linkedin{background:#e0e7df;color:#3d5750;border-color:#7e9386;transform:rotate(4deg);box-shadow:2px 2px 0 #bcc8b8}.field-icon b{font-size:21px;letter-spacing:-1px}.decorated-field label{margin-bottom:3px}
.suggestions{display:flex;gap:7px;flex-wrap:wrap;margin-top:2px}.suggestions button{background:transparent;border:1px solid #d9ccbc;border-radius:30px;color:#70594b;padding:6px 12px;font-size:11px}.suggestions button[aria-pressed=true]{border-color:var(--red);background:#f4e0d8;color:var(--red)}
.option{border-radius:7px;padding:18px 20px;font-weight:500;font-size:16px;transition:border-color .15s,background .15s}.option:hover{border-color:var(--red);background:#fcf0e5}.option[aria-pressed=true]{background:#f5e3da;border-color:var(--red)}.option[aria-pressed=true]:after{background:var(--red)}
.continue{border-radius:40px;font-size:14px;min-width:180px;padding:16px 23px}.navigation{margin-top:16px}.navigation .hint{margin:0}.error{margin-bottom:0;min-height:18px}.error:empty{margin-top:8px;min-height:0}
.choice-group{border:0;padding:0;margin:0 0 28px;min-width:0}.choice-group legend{font-size:16px;font-weight:600;margin-bottom:13px;line-height:1.4}.fields+.choice-group{margin-top:28px}.choice-group:last-of-type{margin-bottom:5px}
.origin-page{max-width:850px}.origin-page .question-head{text-align:left}.origin-page .choice-group:first-of-type legend{font-size:12px;font-weight:400;color:var(--muted)}.origin-page .choice-group:last-of-type .options{grid-template-columns:repeat(3,1fr)}
.photo-options{gap:14px}.photo-option{padding:8px 8px 17px}.photo-option img{height:175px;border-radius:3px;margin-bottom:13px;filter:none}.photo-option strong{font:600 18px var(--sans);letter-spacing:-.4px;margin:0 30px 0 5px}.photo-option:after{bottom:18px;width:17px;height:17px;right:13px}
.region-options{grid-template-columns:repeat(3,1fr);gap:12px}.region-options .photo-option img,.elsewhere-art{height:115px;object-fit:cover;margin-bottom:12px}.region-options .photo-option strong{font-size:14px;letter-spacing:-.3px;line-height:1.2;min-height:33px;margin-right:22px}.region-options .photo-option{padding:7px 7px 10px}.region-options .photo-option:after{bottom:17px;right:10px}.elsewhere-art{display:grid;place-items:center;font:60px var(--serif);color:var(--red);background:repeating-linear-gradient(135deg,#f0e0c8 0 1px,#f8efdf 1px 13px);border-radius:3px}
.image-note{font-size:10px;color:var(--muted);line-height:1.5;margin:14px 0 0}
.story{max-width:1120px;display:grid;grid-template-columns:1.05fr 1fr;align-items:center;gap:60px;text-align:left;padding:55px 30px 65px;min-height:calc(100vh - 217px)}.story h1{font:400 clamp(39px,4.2vw,59px)/1.02 var(--serif);letter-spacing:-1.8px;color:var(--red);margin-bottom:22px}.story .lede{font-size:17px;line-height:1.5;margin:0}.story .continue{margin:27px 0 0}.story .postcard{margin:0;transform:rotate(2deg);max-width:none;padding:9px 9px 0}.story .postcard img{height:340px;object-fit:cover}.story .postcard figcaption{font-size:9px;letter-spacing:0;padding:13px 0}
.success-page{max-width:690px;margin:auto;padding:65px 30px;text-align:center;min-height:calc(100vh - 217px)}.success-page h1{font:400 58px var(--serif);color:var(--red)}.site-footer{font-size:8px;padding-top:19px;padding-bottom:19px}
@media(max-width:700px){
 .masthead{height:110px;margin:0 8px;border-width:5px}.masthead .wordmark{font-size:44px}.sign-location{font-size:7px;letter-spacing:1.6px}.sign-details{font-size:7px;letter-spacing:2.5px}.awning{margin:0 8px;height:22px;background-size:auto}.bar-sign{gap:8px}
 .question-page{padding:25px 22px 35px;min-height:calc(100svh - 207px)}.step-meta{margin-bottom:25px;font-size:9px}.question-head h1{font-size:33px;letter-spacing:-1.2px}.question-head{margin-bottom:24px}.identity-layout{min-height:0}.identity-layout h1{font-size:39px}.identity-layout .question-head{margin-bottom:27px}.identity-layout .fields{grid-template-columns:1fr 1fr}.identity-layout .field:not(.full){grid-column:auto}
 .fields{gap:20px}.field label{font-size:12px}.field input,.field select,.field textarea{font-size:16px}.continue{min-width:165px}.option{font-size:15px;padding:16px}.photo-option{padding:7px 7px 14px}.photo-option img{height:145px}.photo-option strong{font-size:17px}
 .region-options{grid-template-columns:repeat(2,1fr);gap:10px}.region-options .photo-option img,.elsewhere-art{height:105px}.region-options .photo-option strong{font-size:13px}.origin-page .choice-group:last-of-type .options{grid-template-columns:1fr}.origin-page .question-head{margin-bottom:18px}
 .story{grid-template-columns:1fr;gap:30px;padding:35px 23px 45px}.story h1{font-size:44px;letter-spacing:-1px}.story .postcard img{height:260px}.story .lede{font-size:16px}.story .continue{margin-top:23px}.story .postcard{transform:rotate(1deg)}
 .choice-group legend{font-size:15px}.site-footer{font-size:7px}.field-icon{width:30px;height:30px}.success-page h1{font-size:45px}
}
@media(prefers-reduced-motion:reduce){.option,#progress{transition:none}}

/* One-question flow: shared display typography on every screen. */
.story h1,.success-page h1{font-family:var(--sans);font-weight:700;letter-spacing:-1.8px;font-size:clamp(34px,3.8vw,49px);line-height:1.12}
.identity-layout{min-height:390px}.identity-layout .fields{margin-top:36px}
.step-region .region-options{grid-template-columns:repeat(2,1fr)}
.step-region .region-options img,.step-region .elsewhere-art{height:155px}
.step-industry .options{grid-template-columns:repeat(2,minmax(0,1fr));gap:11px}
.choice-label{display:flex;align-items:center;gap:15px;min-width:0;text-align:left}
.category-icon{width:37px;height:37px;flex:0 0 37px;display:inline-grid;place-items:center;background:#f2dfc9;border:1px solid #e3c4a5;border-radius:10px;color:#a23d2d;font-size:22px;line-height:1;font-family:var(--sans);transform:rotate(-4deg)}
.option:nth-child(3n+2) .category-icon{background:#e9e8d5;border-color:#d7d2b5;transform:rotate(4deg);color:#6d6547}.option:nth-child(3n) .category-icon{background:#f0dcd5;border-color:#e2bfb5;transform:rotate(-2deg)}
.step-industry .option{padding:13px;font-size:14px}.step-industry .option:after{width:15px;height:15px;margin-left:8px}.step-industry .choice-label{gap:11px}
.suggestions button{display:flex;align-items:center;gap:6px;padding:7px 12px}.suggestions .category-icon{width:20px;height:20px;flex-basis:20px;font-size:15px;background:transparent;border:0;transform:none}
.prefixed-input{display:flex;align-items:center;min-width:0;border:1px solid #d9ccbc;border-radius:6px;background:var(--paper);overflow:hidden}.prefixed-input>span{padding-left:15px;color:#786b60;font-size:14px;white-space:nowrap}.prefixed-input input{border:0;min-width:0;padding-left:3px;flex:1;width:100px}.prefixed-input:focus-within{outline:2px solid var(--green);outline-offset:3px}.prefixed-input input:focus{outline:0}
.success-page .lede{font-size:20px;line-height:1.6;max-width:490px;color:var(--green)}.thankyou-icon{font:64px var(--sans);color:var(--red);margin-bottom:20px}.preview-note{font:11px/1.7 var(--sans);color:var(--muted);max-width:410px;margin:38px auto 10px}
@media(max-width:700px){.story h1,.success-page h1{font-size:35px;letter-spacing:-1.2px}.step-industry .options{grid-template-columns:1fr}.step-region .region-options img,.step-region .elsewhere-art{height:110px}.identity-layout{min-height:0}.prefixed-input>span{font-size:13px;padding-left:10px}.prefixed-input input{font-size:16px}.choice-label{gap:12px}.success-page .lede{font-size:18px}}

/* Preserve the collage ratio at every viewport size. */
.story .postcard{margin:0;transform:none;max-width:none;padding:0;background:transparent;border:0;box-shadow:none}
.story .postcard img{display:block;width:100%;height:auto;max-height:none;object-fit:contain}