/* Brand & Product Design: native, responsive design studies. */
.bp-widget{--bp-blue:#1b17ff;--bp-ink:#262626;margin:36px 0;padding:clamp(20px,2vw,30px);border:1px solid #ddd;background:#fff;min-width:0;color:var(--bp-ink);overflow-wrap:anywhere}
.bp-widget *,.bp-widget *:before,.bp-widget *:after{box-sizing:border-box}
.bp-widget [hidden]{display:none!important}
.bp-widget .bp-kicker{display:block;margin:0 0 12px;font-size:10px;line-height:1.6;letter-spacing:.06em;text-transform:uppercase;color:#666}
.bp-widget .bp-heading h3{font-size:clamp(25px,2.5vw,34px);font-weight:450;line-height:1.25;letter-spacing:-.025em;margin:0 0 16px}
.bp-widget .bp-heading>p{font-size:15px;line-height:1.8;color:#666;margin:0 0 28px;max-width:790px}
.bp-widget .bp-controls{margin:25px 0}
.bp-widget .bp-control-label{display:block;font-size:10px;color:#666;margin-bottom:10px}
.bp-widget .bp-choices{display:flex;flex-wrap:wrap;gap:8px}
.bp-widget button{font:inherit;font-size:13px;line-height:1.5;min-height:44px;padding:11px 15px;border:1px solid #ccc;background:white;border-radius:0;color:#262626;text-align:left;cursor:pointer;transition:background-color .15s,border-color .15s}
.bp-widget button[aria-pressed=true]{background:#f5f5ff;border-color:var(--bp-blue);color:var(--bp-blue)}
.bp-widget button:hover{border-color:var(--bp-blue)}
.bp-widget button:focus-visible{outline:2px solid var(--bp-blue);outline-offset:4px}
.bp-widget .bp-panel{border-top:1px solid #ddd;padding-top:25px;margin-top:28px}
.bp-widget h4{font-size:24px;line-height:1.35;letter-spacing:-.025em;font-weight:450;margin:0 0 24px}
.bp-widget .bp-note{font-size:12px;line-height:1.85;color:#666;margin:26px 0 0;padding:20px 23px;border-left:2px solid var(--bp-blue);background:#f7f7f7}
.bp-widget .bp-touchpoints{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:17px}
.bp-widget .bp-touchpoint{min-width:0;margin:0;border:1px solid #ddd;background:#fff;display:flex;flex-direction:column}
.bp-widget .bp-touchpoint-label{display:flex;gap:10px;align-items:baseline;font-size:11px;padding:14px 16px;border-bottom:1px solid #ddd}
.bp-widget .bp-touchpoint-label>span{font-size:9px;color:var(--bp-blue)}
.bp-widget .bp-touchpoint figcaption{font-size:12px;line-height:1.75;color:#666;padding:17px 16px;margin:0;border-top:1px solid #e4e4e4;flex:1}
.bp-widget .bp-mini-brand{display:flex;align-items:center;gap:7px;font-size:7px;letter-spacing:.08em;font-weight:550;white-space:nowrap}
.bp-widget .bp-study-mark{display:inline-flex;gap:3px;align-items:center;width:17px;height:16px;flex:none}
.bp-widget .bp-study-mark i{height:13px;width:4px;background:var(--bp-blue);transform:skew(-19deg)}
.bp-widget .bp-study-mark i:last-child{height:7px}
.bp-widget .bp-brand-sample{height:280px;min-width:0;position:relative;padding:22px 18px;background:#fafafa;overflow:hidden}
.bp-widget .bp-poster-heading{font-size:29px;line-height:1.12;letter-spacing:-.06em;max-width:150px;margin-top:29px;font-weight:500;position:relative;z-index:1}
.bp-widget .bp-brand-sample p{font-size:9px;line-height:1.7;color:#666;max-width:135px;margin-top:15px;position:relative;z-index:1}
.bp-widget .bp-poster-motif{position:absolute;right:-18px;bottom:30px;width:84px;height:120px;transform:skew(-19deg);background:#e9e9ff}
.bp-widget .bp-poster-index{position:absolute;left:18px;bottom:16px;font-size:6px;letter-spacing:.14em;color:#666}
.bp-widget .bp-ui-sample{height:280px;padding:22px 16px;background:#fff;min-width:0}
.bp-widget .bp-mini-nav{display:flex;gap:12px;font-size:7px;line-height:1.6;color:#666;border-bottom:1px solid #ddd;padding:23px 0 11px;white-space:nowrap}
.bp-widget .bp-mini-nav span:first-child{color:var(--bp-blue)}
.bp-widget .bp-mini-status{display:flex;gap:8px;align-items:center;margin:19px 0;font-size:10px;line-height:1.5;color:#262626}
.bp-widget .bp-mini-status>span{color:var(--bp-blue);font-size:16px}
.bp-widget .bp-mini-status strong{font-weight:500}
.bp-widget .bp-mini-lines{display:grid;gap:8px;margin:16px 0 23px}
.bp-widget .bp-mini-lines i{display:block;background:#e7e7e7;height:4px;width:90%}
.bp-widget .bp-mini-lines i:nth-child(2){width:70%}
.bp-widget .bp-mini-lines i:nth-child(3){width:48%}
.bp-widget .bp-mini-action{display:flex;justify-content:space-between;align-items:center;gap:8px;background:var(--bp-blue);color:white;font-size:8px;padding:11px 10px}
.bp-widget .bp-physical-sample{height:280px;background:#f5f5f5;display:flex;align-items:center;overflow:hidden}
.bp-widget .bp-device-art{width:100%;height:auto;display:block;font-family:inherit}
.bp-widget .bp-physical-sample .bp-device-art{width:115%;max-width:none;flex:none;margin-left:-7.5%}
.bp-widget .bp-expression-clarity .bp-poster-heading,.bp-widget .bp-expression-reliability .bp-mini-status{outline:1px solid var(--bp-blue);outline-offset:6px}
.bp-widget .bp-expression-character .bp-mini-brand{color:var(--bp-blue)}
.bp-widget .bp-expression-character .bp-poster-motif{background:var(--bp-blue);opacity:.15}
.bp-widget .bp-expression-reliability .bp-physical-sample,.bp-widget .bp-expression-character .bp-physical-sample{box-shadow:inset 0 -3px var(--bp-blue)}
.bp-widget .bp-interface-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,.8fr);gap:28px;align-items:start}
.bp-widget .bp-screen-figure{margin:0;padding:25px;background:#f4f4f4;min-width:0}
.bp-widget .bp-screen{background:#fff;border:1px solid #bcbcbc;box-shadow:8px 11px 0 #e4e4e4;min-width:0}
.bp-widget .bp-screen-top{display:flex;justify-content:space-between;gap:15px;align-items:center;padding:19px;border-bottom:1px solid #e3e3e3}
.bp-widget .bp-screen-top>span{font-size:10px;color:#666}
.bp-widget .bp-screen-top .bp-mini-brand{font-size:9px}
.bp-widget .bp-screen-body{padding:26px 23px;min-height:285px}
.bp-widget .bp-screen-status{display:flex;gap:10px;align-items:center;font-size:10px;line-height:1.6;color:#555;margin-bottom:22px}
.bp-widget .bp-screen-status>span{display:grid;place-items:center;width:23px;height:23px;border:1px solid var(--bp-blue);color:var(--bp-blue);font-size:12px;flex:none}
.bp-widget .bp-screen-title{font-size:25px;line-height:1.3;letter-spacing:-.035em;max-width:270px}
.bp-widget .bp-screen-body>p{font-size:12px;line-height:1.75;color:#666;margin:15px 0 22px;max-width:270px}
.bp-widget .bp-screen-action{display:flex;justify-content:space-between;align-items:center;gap:15px;background:var(--bp-blue);padding:13px 15px;color:white;font-size:11px;line-height:1.6;margin-top:27px}
.bp-widget .bp-screen-action>span{flex:none;font-size:15px}
.bp-widget .bp-screen-secondary{font-size:10px;color:#666;margin-top:15px;text-decoration:underline;text-underline-offset:3px}
.bp-widget .bp-screen-progress{display:flex;gap:7px;margin:23px 0}
.bp-widget .bp-screen-progress i{height:3px;flex:1;background:#ddd}.bp-widget .bp-screen-progress i:first-child{background:var(--bp-blue)}
.bp-widget .bp-screen-bottom{border-top:1px solid #ddd;padding:13px 18px;display:flex;justify-content:space-between;gap:12px;font-size:6px;line-height:1.6;letter-spacing:.1em;color:#666}
.bp-widget .bp-screen-dot{width:12px;height:12px;border-radius:50%;background:var(--bp-blue);margin:5px 0 28px}
.bp-widget .bp-screen-draft .bp-screen-title{font-size:22px;letter-spacing:.02em}.bp-widget .bp-screen-draft .bp-screen-action{background:#eee;color:#555}
.bp-widget .bp-screen-figure figcaption{font-size:10px;line-height:1.7;color:#666;margin:24px 0 0}
.bp-widget .bp-review-notes{display:grid;gap:28px;padding-top:12px}
.bp-widget .bp-review-notes h4{font-size:15px;letter-spacing:0;font-weight:500;color:var(--bp-blue);margin:0 0 12px}
.bp-widget .bp-review-notes p{font-size:13px;line-height:1.85;color:#555;margin:0}
.bp-widget .bp-product-layout{display:grid;grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);gap:28px;align-items:start}
.bp-widget .bp-product-study{background:#f5f5f5;padding:18px 12px;margin:0;min-width:0}
.bp-widget .bp-product-callout circle{fill:var(--bp-blue);stroke:white;stroke-width:2}.bp-widget .bp-product-callout text{font-size:12px;fill:white}
.bp-widget .bp-product-study figcaption{font-size:10px;line-height:1.7;color:#666;margin:10px 12px 0}
.bp-widget .bp-product-notes{list-style:none;padding:0;margin:0;display:grid;gap:24px}
.bp-widget .bp-product-notes li{display:flex;gap:15px;align-items:baseline}
.bp-widget .bp-product-notes li>span{font-size:10px;color:var(--bp-blue);flex:none}
.bp-widget .bp-product-notes h5{font-size:14px;line-height:1.6;font-weight:500;margin:0 0 9px}
.bp-widget .bp-product-notes p{font-size:12px;line-height:1.85;color:#666;margin:0}
.bp-widget .bp-material-samples{display:flex;gap:11px;margin:0 16px 17px}
.bp-widget .bp-material-samples i{width:35px;height:35px;border:1px solid #bbb;background:repeating-linear-gradient(0deg,#eee 0 2px,#ddd 3px 4px)}
.bp-widget .bp-material-samples i:nth-child(2){background:#ccc}.bp-widget .bp-material-samples i:nth-child(3){background:var(--bp-blue);border-color:var(--bp-blue)}
.bp-widget .bp-status{position:absolute!important;width:1px!important;height:1px!important;overflow:hidden!important;clip-path:inset(50%)!important;white-space:nowrap!important;margin:-1px!important;padding:0!important}
@media(max-width:1200px){.bp-widget .bp-touchpoints{grid-template-columns:1fr;gap:20px}.bp-widget .bp-touchpoint{display:grid;grid-template-columns:1fr 1fr}.bp-widget .bp-touchpoint-label{grid-column:1/-1}.bp-widget .bp-touchpoint figcaption{display:flex;align-items:center;padding:24px;border-top:0;border-left:1px solid #ddd;font-size:14px}.bp-widget .bp-brand-sample,.bp-widget .bp-ui-sample,.bp-widget .bp-physical-sample{height:255px}.bp-widget .bp-product-layout{grid-template-columns:1fr}.bp-widget .bp-product-study{max-width:600px;width:100%}.bp-widget .bp-product-notes{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.bp-widget .bp-product-notes li{display:block}.bp-widget .bp-product-notes li>span{display:block;margin-bottom:10px}}
@media(max-width:1000px){.bp-widget .bp-interface-layout{grid-template-columns:1fr}.bp-widget .bp-screen-figure{max-width:640px;width:100%}.bp-widget .bp-review-notes{grid-template-columns:1fr 1fr}}
@media(max-width:650px){.bp-widget{padding:20px;margin-block:28px}.bp-widget .bp-heading h3{font-size:25px}.bp-widget .bp-heading>p{font-size:14px}.bp-widget .bp-choices{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bp-widget button{font-size:12px;padding:10px}.bp-widget h4{font-size:22px}.bp-widget .bp-note{padding:18px;font-size:12px}.bp-widget .bp-touchpoint{display:flex}.bp-widget .bp-touchpoint figcaption{padding:18px;border-left:0;border-top:1px solid #ddd;font-size:12px}.bp-widget .bp-brand-sample,.bp-widget .bp-ui-sample,.bp-widget .bp-physical-sample{height:275px}.bp-widget .bp-brand-sample{padding:23px}.bp-widget .bp-poster-heading{font-size:33px;max-width:160px}.bp-widget .bp-brand-sample p{font-size:11px;max-width:160px}.bp-widget .bp-mini-brand{font-size:8px}.bp-widget .bp-ui-sample{padding:23px}.bp-widget .bp-mini-nav{font-size:8px}.bp-widget .bp-mini-status{font-size:12px}.bp-widget .bp-mini-action{font-size:10px}.bp-widget .bp-screen-figure{padding:14px}.bp-widget .bp-screen-top{padding:14px}.bp-widget .bp-screen-top .bp-mini-brand{font-size:7px}.bp-widget .bp-screen-body{padding:23px 16px;min-height:280px}.bp-widget .bp-screen-title{font-size:24px}.bp-widget .bp-screen-body>p{font-size:12px}.bp-widget .bp-screen-action{padding:12px;font-size:10px}.bp-widget .bp-screen-status{font-size:9px;gap:8px}.bp-widget .bp-review-notes{grid-template-columns:1fr;gap:23px}.bp-widget .bp-product-layout{gap:24px}.bp-widget .bp-product-study{padding:16px 0}.bp-widget .bp-product-notes{grid-template-columns:1fr;gap:24px}.bp-widget .bp-product-notes li{display:flex;gap:15px}.bp-widget .bp-product-notes li>span{margin:0}.bp-widget .bp-product-notes p{font-size:13px}.bp-widget .bp-product-notes h5{font-size:15px}}
@media(prefers-reduced-motion:reduce){.bp-widget button{transition:none}}