.bp-sheet{position:relative;isolation:isolate;overflow:hidden;background:#123953 url('assets/mockup-only/builder-blueprint-blank-paper.webp') center/100% 100% no-repeat;color:#d7e9ed;padding:125px 64px 110px;border-block:1px solid #86b4cc52}
.bp-sheet:before{content:'';position:absolute;inset:0;z-index:-1;pointer-events:none;background:linear-gradient(90deg,#06253b38,transparent 65%)}
.bp-layout{display:grid;grid-template-columns:minmax(275px,.8fr) minmax(0,1.7fr);gap:64px;align-items:center;width:min(1320px,100%);margin:auto}
.bp-copy{font-family:'Courier New',Courier,monospace;text-shadow:0 1px 3px #051d30}
.bp-drawing-id{font-size:11px;letter-spacing:.16em;border-bottom:1px solid #c0dce579;padding-bottom:14px;margin:0 0 24px}
.homepage-rebuilt .bp-copy h2{font-family:'Courier New',Courier,monospace;font-weight:400;font-size:clamp(28px,2.8vw,44px);line-height:1.13;letter-spacing:.035em;margin:0 0 22px;color:#e0edf0}
.bp-intro{font-size:15px;line-height:1.8;letter-spacing:.02em;margin:0 0 27px}
.bp-title-block{margin:0 0 25px;border:1px solid #b6d4de70;font-size:11px;line-height:1.5}
.bp-title-block>div{display:grid;grid-template-columns:90px 1fr;border-bottom:1px solid #b6d4de52}.bp-title-block>div:last-child{border-bottom:0}
.bp-title-block dt{padding:9px 10px;border-right:1px solid #b6d4de52;font-size:9px;letter-spacing:.07em;color:#afcbd8}.bp-title-block dd{margin:0;padding:9px 10px}
.bp-builder-link{display:flex;justify-content:space-between;gap:15px;align-items:center;border:1px solid #d4e6ec99;padding:12px 13px;text-decoration:none;color:#e0edf0;font-size:11px;letter-spacing:.03em;background:#8fc5e110}
.bp-builder-link:hover{background:#c5e4ef20}
/* Real transparent sticky-note photograph by Disk Depot, CC BY-SA 3.0. See image-credits.html. */
.bp-development-note{position:relative;display:flex;flex-direction:column;justify-content:center;box-sizing:border-box;width:min(280px,100%);aspect-ratio:556/580;margin:20px 0 0 6px;padding:28px 39px 65px;color:#252819;background:url('assets/licensed/sticky-note.png') center/contain no-repeat;border:0;border-radius:0;text-shadow:none;text-decoration:none;transform:rotate(-4deg);transform-origin:50% 12%;transition:transform .2s ease;isolation:isolate}
.bp-note-title{display:block;font:400 25px/1.3 'Segoe Print','Bradley Hand','Comic Sans MS',cursive;letter-spacing:-.045em;margin-bottom:17px}
.bp-note-action{display:block;font:600 13px/1.5 Arial,Helvetica,sans-serif;text-underline-offset:3px}
.bp-note-action>span{display:inline-block;white-space:nowrap;margin-left:3px}
.bp-development-note:hover,.bp-development-note:focus-visible{filter:none}
.bp-development-note:hover .bp-note-action,.bp-development-note:focus-visible .bp-note-action{text-decoration:underline}
.bp-development-note:focus-visible{outline:3px solid #f4d080;outline-offset:7px}
@media(hover:hover) and (pointer:fine){.bp-development-note:hover{transform:translateY(-3px) rotate(-2deg)}}
@media(prefers-reduced-motion:reduce){.bp-development-note{transition:none}.bp-development-note:hover{transform:rotate(-4deg)}}
.bp-window-surround{position:relative;border:1px solid #bad8e4b0;padding:7px;outline:1px solid #9ebfcb48;outline-offset:7px}
.bp-window-surround:before,.bp-window-surround:after{content:'';position:absolute;pointer-events:none}
.bp-window-surround:before{left:7px;right:7px;top:-21px;height:7px;border-block:1px solid #9dbfce7a;background:repeating-linear-gradient(90deg,#bcd4df80 0 1px,transparent 1px 18px)}
.bp-window-surround:after{top:7px;bottom:7px;right:-21px;width:7px;border-inline:1px solid #9dbfce7a;background:repeating-linear-gradient(0deg,#bcd4df80 0 1px,transparent 1px 18px)}
.bp-builder-window{display:block;height:462px;width:100%;box-sizing:border-box;background:#0d1c29;border:1px solid #a4c5d394}
.bp-load-status{font:11px/1.6 'Courier New',Courier,monospace;color:#c4dce6;margin:9px 0 0}
.bp-load-status{color:#f0d29b}
.bp-builder-link:focus-visible{outline:2px solid #e7c986;outline-offset:4px}
@media(max-width:600px){.bp-builder-window{height:482px}}
.bp-cross{position:absolute;width:20px;height:20px;pointer-events:none}.bp-cross:before,.bp-cross:after{content:'';position:absolute;background:#b9d6e3cc}.bp-cross:before{top:9px;left:0;right:0;height:1px}.bp-cross:after{left:9px;top:0;bottom:0;width:1px}
.bp-cross-tl{top:-10px;left:-10px}.bp-cross-tr{top:-10px;right:-10px}.bp-cross-bl{bottom:-10px;left:-10px}.bp-cross-br{bottom:-10px;right:-10px}
@media(max-width:1050px){.bp-sheet{padding:95px 42px 80px}.bp-layout{gap:36px;grid-template-columns:minmax(240px,.9fr) minmax(0,1.4fr)}.homepage-rebuilt .bp-copy h2{font-size:32px}}
@media(max-width:760px){.bp-sheet{padding:85px 32px 70px;background-size:auto 100%}.bp-layout{grid-template-columns:1fr;gap:42px}.bp-copy{max-width:450px}.bp-drawing-id{font-size:10px}.homepage-rebuilt .bp-copy h2{font-size:36px}.bp-intro{font-size:14px}.bp-window-surround:after{right:-17px}.bp-window-surround:before{top:-17px}.bp-title-block{max-width:400px}.bp-builder-link{max-width:400px}.bp-window-surround{padding:5px;outline-offset:5px}}