/* Real, readable examples of the three deliverables. */
.preview-heading>div{max-width:360px}
.preview-heading p strong{color:var(--ink);font-weight:650}
.proposal-overview{min-width:0}
.free-kicker{color:var(--brand);font-size:12px;font-weight:650;margin-bottom:20px}
.proposal-overview>h3{font-size:clamp(24px,2.25vw,36px);line-height:1.35;letter-spacing:-.05em;font-weight:650}
.free-description{font-size:14px;color:var(--muted);line-height:1.9;margin-top:22px}
.free-price{display:flex;justify-content:space-between;align-items:center;gap:25px;padding:25px 0;margin:24px 0 16px;border-top:2px solid var(--brand)}
.free-price>div{display:flex;flex-direction:column;gap:9px}
.free-price b{font-size:16px;font-weight:650}
.free-price>div span{font-size:11px;color:var(--muted)}
.free-price>strong{font-size:88px;font-weight:700;letter-spacing:-.07em;line-height:1;color:var(--brand)}
.free-price strong small{font-size:23px;letter-spacing:-.03em;margin-left:7px}
.proposal-overview .proposal-tabs button{padding-top:23px;padding-bottom:23px}
.proposal-overview .proposal-tabs button b{font-size:21px}
.free-apply{margin-top:28px}
@media(max-width:760px){
 .free-kicker{margin-bottom:16px;font-size:11px}
 .proposal-overview>h3{font-size:25px}
 .free-description{font-size:12px;margin-top:17px}
 .free-price{margin-top:24px;padding:22px 0}
 .free-price>strong{font-size:76px}
 .free-price b{font-size:14px}
 .free-price>div span{font-size:10px}
 .proposal-overview .proposal-tabs button{padding:14px 7px 18px}
 .proposal-overview .proposal-tabs button b{font-size:13px;line-height:1.4}
 .proposal-overview .proposal-tabs button small{line-height:1.5}
 .free-apply{margin-top:22px}
}
.proposal-display{padding:26px;min-height:0}
.proposal-paper,.proposal-display:hover .proposal-paper{padding:28px;min-height:0;transform:none;box-shadow:8px 10px 0 #4b198f}
.proposal-paper h3{font-size:26px;line-height:1.3}
.proposal-paper .paper-graphic{height:auto;margin:23px 0 20px}
.proposal-example{min-width:0}
.analysis-figure{margin:0}
.analysis-shot{position:relative;aspect-ratio:1.8;overflow:hidden;border:1px solid #26222930;background:#222}
.analysis-shot img{width:100%;height:auto}
.audit-pin{position:absolute;display:grid;place-items:center;width:24px;height:24px;border:2px solid white;border-radius:50%;background:#ff4c25;color:white;font-size:12px;font-weight:750;box-shadow:0 2px 8px #0006}
.pin-nav{left:78%;top:4%}.pin-contact{left:49%;top:36%}.pin-content{left:29%;top:76%}
.analysis-figure figcaption{margin-top:9px;font-size:10px;line-height:1.5;color:var(--muted)}
.audit-notes{counter-reset:audit;list-style:none;margin:18px 0 0;padding:0}
.audit-notes li{counter-increment:audit;display:grid;grid-template-columns:23px 1fr;column-gap:10px;row-gap:5px;padding:12px 0;border-top:1px solid var(--line)}
.audit-notes li:before{content:counter(audit);grid-row:1/3;display:grid;place-items:center;align-self:start;width:22px;height:22px;border-radius:50%;color:white;background:var(--brand);font-size:11px}
.audit-notes b{font-size:13px;font-weight:650}.audit-notes li>span{font-size:11px;line-height:1.6;color:var(--muted)}
.proposal-paper>p{font-size:12px;line-height:1.7;margin-top:20px;min-height:0}
.paper-foot{gap:20px;font-size:9px;line-height:1.6;margin-top:20px;padding-top:14px}
.example-kicker{font-size:11px;color:var(--muted);line-height:1.6;margin-bottom:15px}
.sitemap-root{background:var(--brand);padding:17px 20px;color:white}
.sitemap-root small{display:block;font-size:9px;letter-spacing:.07em;margin-bottom:8px}
.sitemap-root strong{font-size:15px;font-weight:600}
.sitemap-list{list-style:none;margin:0 0 0 16px;padding:8px 0 0 20px;border-left:1px solid var(--brand)}
.sitemap-list li{position:relative;display:flex;gap:14px;align-items:start;padding:15px 0;border-bottom:1px solid var(--line)}
.sitemap-list li:before{content:"";position:absolute;width:20px;height:1px;background:var(--brand);left:-21px;top:24px}
.sitemap-list li>span{font-size:10px;color:var(--brand);margin-top:3px}
.sitemap-list b{font-size:14px;font-weight:650}
.sitemap-list p{font-size:11px;color:var(--muted);line-height:1.6;margin-top:5px}
.sitemap-journey{border:1px solid var(--brand);padding:13px 16px;margin-top:22px}
.sitemap-journey>span{font-size:10px;color:var(--muted)}
.sitemap-journey p{display:flex;justify-content:space-between;gap:8px;font-size:12px;margin-top:9px;font-weight:600}
.sitemap-journey b{color:var(--brand)}
.design-example-heading{display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:13px}
.design-example-heading b{font-size:14px;letter-spacing:-.03em}
.design-example-heading span{font-size:9px;color:var(--muted)}
.proposal-design-shot{display:block;position:relative;overflow:hidden;width:100%;aspect-ratio:.95;border:1px solid var(--line);background:white}
.proposal-design-shot img{width:100%;height:auto;transition:transform .6s cubic-bezier(.2,.7,.2,1)}
.proposal-design-shot:hover img{transform:scale(1.025)}
.proposal-design-shot>span{position:absolute;bottom:0;left:0;right:0;padding:14px;background:#262229ed;color:white;font-size:12px}
.design-deliverables{display:flex;justify-content:space-between;gap:10px;margin-top:17px;font-size:10px;color:var(--brand)}
@media(max-width:1100px){.proposal-display{padding:20px}.proposal-paper,.proposal-display:hover .proposal-paper{padding:22px}}
@media(max-width:760px){
 .proposal-display{padding:16px}
 .proposal-paper,.proposal-display:hover .proposal-paper{padding:20px 16px;box-shadow:5px 6px 0 #4b198f}
 .proposal-paper h3{font-size:23px}.audit-notes li>span{font-size:11px}
 .design-example-heading{align-items:start;flex-direction:column;gap:5px}
 .sitemap-journey{padding:12px}.sitemap-journey p{font-size:11px;gap:5px}
 .audit-pin{width:21px;height:21px;font-size:10px}
}