:root{--blue:#005bd9;--navy:#102846;--ink:#172f4d;--muted:#56667b;--line:#d9e1ec}*{box-sizing:border-box}body{margin:0;background:#f3f6fa;color:var(--ink);font-family:Arial,Helvetica,sans-serif}.top{padding:24px 5vw;background:var(--navy);display:flex;align-items:center;justify-content:space-between;color:white}.top a{color:white;text-decoration:none;font-weight:800;letter-spacing:2px;line-height:1.35;font-size:18px}.top a span{font-size:12px;letter-spacing:2.2px}.tag{font-size:11px;letter-spacing:2px;color:#b8d3fa}main{max-width:1320px;margin:auto;padding:44px 38px 64px}.intro{margin-bottom:34px}.eyebrow{color:var(--blue);font-weight:700;font-size:11px;letter-spacing:2px}h1{font-size:clamp(36px,4.5vw,58px);letter-spacing:-2px;margin:12px 0}p{line-height:1.6}.intro>p:last-child{color:var(--muted);font-size:16px}.workspace{display:grid;grid-template-columns:365px minmax(0,1fr);gap:38px;align-items:start}form{background:white;padding:26px;border:1px solid var(--line);border-radius:16px}fieldset{border:0;padding:0;margin:0 0 28px}legend{font-weight:700;font-size:17px;padding:0;margin-bottom:18px}legend span{color:var(--blue);font-size:12px;margin-right:10px}label{display:block;font-size:13px;font-weight:700;margin:13px 0 7px}small{font-size:11px;font-weight:400;color:var(--muted);margin-left:5px}input:not([type=range]):not([type=file]),select,textarea{width:100%;border:1px solid #bcc9d8;border-radius:7px;padding:12px;color:var(--navy);font:14px Arial;background:white}textarea{resize:vertical}input:focus,select:focus,textarea:focus,button:focus-visible,a:focus-visible{outline:3px solid #92bdfb;outline-offset:2px}.help{font-size:11px;color:var(--muted);margin:9px 0;line-height:1.6}.upload{border:1px dashed #7c9fc9;padding:14px;border-radius:8px;color:var(--blue);cursor:pointer}.upload input{display:block;width:100%;font-size:11px;margin-top:10px}input[type=range]{width:100%;accent-color:var(--blue)}output{float:right;font-weight:400}.buttons{display:flex;gap:8px;margin-top:12px}button{cursor:pointer;border:0;border-radius:8px;font-weight:700}button.secondary{background:#edf3fc;color:var(--navy);padding:10px;font-size:11px}#download{width:100%;padding:16px;background:var(--blue);color:white;font-size:15px}#download span{float:right}#download:disabled{opacity:.45;cursor:default}#status{font-size:12px;color:#8a3510}.preview{position:sticky;top:24px}.preview-bar{display:flex;justify-content:space-between;font-size:10px;font-weight:700;letter-spacing:1.5px;margin:4px 0 16px;color:var(--muted)}canvas{display:block;width:100%;height:auto;background:white;box-shadow:0 16px 50px #10284620}.preview-caption{text-align:center;font-size:12px;color:var(--muted)}.event-link{display:block;text-align:center;font-size:13px;color:var(--blue);margin-top:16px}footer{padding:30px;background:var(--navy);color:white;text-align:center;font-size:14px;line-height:1.8}footer small{color:#c5d3e5;font-size:11px}@media(max-width:800px){main{padding:28px 18px}.workspace{grid-template-columns:1fr;gap:24px}.preview{position:static;grid-row:1}.top{padding:20px}.tag{display:none}.intro{margin-bottom:24px}.preview-bar{font-size:9px}form{padding:23px}.intro br{display:none}}@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto}}

/* Official white masthead, separated from the studio by Council blue. */
.top{background:#fff;border-bottom:5px solid var(--blue);padding:22px 5vw;color:var(--navy)}.top a{display:block;line-height:0;max-width:65%}.brand-logo{display:block;width:390px;max-width:100%;height:auto}.top .tag{color:var(--navy);font-weight:700}@media(max-width:800px){.top{padding:20px;border-bottom-width:4px}.top a{max-width:100%}.brand-logo{width:320px}}

.intro>p:last-child{max-width:780px}

.proposal-next{margin:24px 0 12px;padding-top:18px;border-top:1px solid var(--line);font-size:13px;color:var(--navy)}.proposal-next a{color:var(--blue)}
/* Align the visible H, not the logo file's built-in white margin, with the main copy. */
.top{padding-inline:max(38px,calc((100% - 1320px)/2 + 38px))}
.top a{width:334px;overflow:hidden}
.top .brand-logo{width:116.964286%;max-width:none;margin-left:-8.779762%;height:auto}
@media(max-width:800px){.top{padding-inline:18px}.top a{width:274px;max-width:100%}}