/* A print-bed composition, responsive within the builder's own iframe. */
.bps-headline.bbh{--bbh-a:1;--bbh-b:1;--bbh-spread:0;display:block;padding:33px 5% 24px!important;background:#eee9df;color:#25283a;min-height:0;overflow:hidden}
.bbh-top,.bbh-bottom{display:flex;justify-content:space-between;gap:20px;font:9px/1.5 Arial,sans-serif;letter-spacing:.12em}
.bbh-top{border-bottom:1px solid #25283a3b;padding-bottom:18px}.bbh-bottom{border-top:1px solid #25283a3b;padding-top:18px;margin-top:32px;font-size:8px}
.bbh-layout{display:grid;grid-template-columns:minmax(0,1.55fr) minmax(220px,.85fr);align-items:center;gap:6%;padding-top:36px}
.bbh-bed{min-width:0;background:#292c35;padding:27px 28px 12px;transform:rotate(-1deg);box-shadow:0 15px 28px #24273112;border:1px solid #171a23}
.bbh-paper{position:relative;isolation:isolate;background:#faf6e9;color:#242a3f;padding:34px 29px 31px;box-shadow:0 4px 7px #0004}
.bbh-paper:after{content:'';position:absolute;inset:0;pointer-events:none;z-index:4;opacity:.3;background:repeating-linear-gradient(0deg,#58452b09 0 1px,transparent 1px 4px)}
.bbh-paper-top,.bbh-paper-bottom{display:flex;justify-content:space-between;gap:15px;font:7px/1.6 Arial,sans-serif;letter-spacing:.08em;position:relative;z-index:2}
.bbh-paper-top{border-bottom:1px solid #25283a30;padding-bottom:14px}.bbh-paper-bottom{padding-top:20px;border-top:1px solid #25283a30;align-items:end}
.bbh-proof{max-width:105px;text-align:right;font-weight:700;color:#3352b5}
.bbh h2.bbh-type{position:relative;margin:36px 0 33px!important;font:900 clamp(52px,8.6vw,124px)/.87 Arial,Helvetica,sans-serif!important;letter-spacing:-.075em!important;isolation:isolate}
.bbh-type>span{display:block}.bbh-type>span>span{display:block;white-space:nowrap}.bbh-type>span>span+span{margin-top:.13em}
.bbh-outline{color:transparent;-webkit-text-stroke:1px #29304824}
.bbh-impression{position:absolute;inset:0;will-change:transform,clip-path;pointer-events:none;mix-blend-mode:multiply;transform-origin:center}
.bbh-coral{color:#ed664c;clip-path:inset(calc((1 - var(--bbh-a))*100%) 0 0);transform:translate(calc(-.055em * var(--bbh-spread)),calc(.033em * var(--bbh-spread)))}
.bbh-cobalt{color:#375ac7;clip-path:inset(calc((1 - var(--bbh-b))*100%) 0 0);transform:translate(calc(.055em * var(--bbh-spread)),calc(-.033em * var(--bbh-spread)))}
.bbh-cross{position:absolute;width:16px;height:16px;color:#25283a7a}.bbh-cross:before,.bbh-cross:after{content:'';position:absolute;background:currentColor}.bbh-cross:before{left:7px;top:0;width:1px;height:16px}.bbh-cross:after{top:7px;left:0;width:16px;height:1px}.bbh-tl{left:9px;top:9px}.bbh-tr{right:9px;top:9px}.bbh-bl{left:9px;bottom:9px}.bbh-br{right:9px;bottom:9px}
.bbh-bed-foot{display:flex;justify-content:space-between;gap:10px;color:#efeadf88;font:6px/1.6 Arial,sans-serif;letter-spacing:.13em;padding-top:12px}
.bbh-copy{min-width:0}.bbh-kicker{font-size:9px;line-height:1.8;letter-spacing:.13em}.bbh .bbh-message{font-size:clamp(24px,3vw,42px);line-height:1.08;letter-spacing:-.05em;margin:25px 0 20px!important;font-weight:700}.bbh-message em{font-family:Georgia,serif;font-weight:400;color:#375ac7;letter-spacing:-.055em}
.bbh .bbh-description{font-size:12px;line-height:1.8;max-width:255px;margin:0 0 27px!important}
.bbh-separations{border-top:1px solid #25283a30;border-bottom:1px solid #25283a30}.bbh-separations>div{display:flex;align-items:center;gap:10px;padding:12px 0;font:8px/1.4 Arial,sans-serif;letter-spacing:.07em}.bbh-separations>div+div{border-top:1px solid #25283a18}.bbh-separations i{width:19px;height:24px;background:#ed664c;display:block;transform:rotate(-7deg);box-shadow:2px 2px #25283a17}.bbh-separations>div+div i{background:#375ac7;transform:rotate(5deg)}.bbh-separations b{margin-left:auto;font-weight:400;color:#616374}
.bbh-phase{display:flex;gap:8px;align-items:center;font-size:9px;line-height:1.6;margin:18px 0;min-height:30px}.bbh-dot{width:6px;height:6px;border-radius:50%;background:#ed664c;flex-shrink:0}.bbh[data-bbh-state=registered] .bbh-dot{background:#375ac7}
.bbh-actions{display:grid;gap:8px}.bbh-actions button{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 14px;min-height:46px;font:11px/1.5 Arial,sans-serif;border:1px solid #25283a;background:transparent;color:#25283a;cursor:pointer}.bbh-actions .bbh-replay{background:#25283a;color:#faf6e9}.bbh-actions button:focus-visible{outline:3px solid #375ac7;outline-offset:3px}.bbh-actions button:hover{box-shadow:3px 3px 0 #ed664c}.bbh[data-bbh-state=registered] .bbh-impression,.bbh[data-bbh-state=separated] .bbh-impression{will-change:auto}
@media(max-width:900px){.bbh-layout{gap:5%;grid-template-columns:minmax(0,1.4fr) minmax(190px,.8fr)}.bbh-bed{padding:20px 18px 10px}.bbh-paper{padding:29px 24px 26px}.bbh h2.bbh-type{font-size:clamp(48px,8.2vw,84px)!important}.bbh-paper-top,.bbh-paper-bottom{font-size:6px}.bbh-paper-top>span:last-child{white-space:nowrap}.bbh .bbh-message{font-size:28px}}
@media(max-width:620px){.bps-headline.bbh{padding:26px 6% 25px!important}.bbh-top{font-size:8px;gap:18px}.bbh-top>span:last-child{max-width:62px;text-align:right}.bbh-layout{display:flex;flex-direction:column;gap:34px;padding-top:26px}.bbh-bed{width:100%;padding:21px 20px 10px}.bbh-paper{padding:30px 22px 24px}.bbh h2.bbh-type{font-size:clamp(46px,15.9vw,96px)!important;margin:31px 0 30px!important}.bbh-paper-top{padding-bottom:12px}.bbh-copy{width:100%}.bbh-kicker{font-size:9px}.bbh .bbh-message{font-size:34px;margin-top:16px!important}.bbh .bbh-description{max-width:330px}.bbh-actions{grid-template-columns:1fr 1fr}.bbh-bottom{margin-top:28px;font-size:7px;gap:20px}.bbh-bottom>span{max-width:48%}.bbh-bottom>span:last-child{text-align:right}}
@media(max-width:340px){.bbh-bed{padding:15px 12px 9px}.bbh-paper{padding:26px 16px 22px}.bbh h2.bbh-type{font-size:15.5vw!important}.bbh-paper-top{font-size:5px}.bbh-paper-bottom{font-size:5px;gap:8px}.bbh-proof{max-width:65px}.bbh-cross{transform:scale(.7)}.bbh-tl,.bbh-bl{left:4px}.bbh-tr,.bbh-br{right:4px}.bbh .bbh-message{font-size:29px}.bbh-actions{grid-template-columns:1fr}.bbh-bed-foot{font-size:5px}}
@media(prefers-reduced-motion:reduce){.bbh-impression{will-change:auto}.bbh-actions button{transition:none}}
/* On a phone the controls follow the proof, so its movement stays in view. */
@media(max-width:620px){.bbh-layout{display:grid;grid-template-columns:minmax(0,1fr);gap:0}.bbh-copy{display:contents}.bbh-bed{grid-row:1}.bbh-actions{grid-row:2;margin-top:23px}.bbh-phase{grid-row:3;margin:15px 0 29px}.bbh-kicker{grid-row:4}.bbh-message{grid-row:5}.bbh-description{grid-row:6}.bbh-separations{grid-row:7}}
