.blueprint-showcase {
    margin: 26px 0;
    border: 1px solid #152631;
    border-top: 3px solid #f4511e;
    background: #f7f5f0;
    color: #152631;
    box-shadow: 0 22px 55px rgba(18, 34, 44, .11);
}

.blueprint-showcase > header {
    display: flex;
    justify-content: space-between;
    gap: 40px;
    align-items: end;
    padding: 24px 28px;
    background: #fff;
    border-bottom: 1px solid #cbd1d2;
}

.blueprint-showcase > header small { color: #f4511e; font: 800 10px Inter; letter-spacing: .13em; }
.blueprint-showcase > header h2,
.blueprint-showcase > header h3 { margin: 5px 0 0; font: 500 clamp(26px,3vw,39px) Manrope; letter-spacing: -.045em; }
.blueprint-showcase > header p { max-width: 510px; margin: 0; color: #566972; font-size: 13px; line-height: 1.65; }

.blueprint-public-shelf {
    display: grid;
    grid-template-columns: 1.15fr repeat(6,minmax(105px,1fr));
    gap: 7px;
    align-items: end;
    min-width: 980px;
    padding: 31px 24px 22px;
    overflow: hidden;
    background: radial-gradient(circle at 50% -30%,#fff9e9 0,transparent 48%),linear-gradient(180deg,#e7ddd1,#cbb7a5);
    box-shadow: inset 0 -15px 0 #10232f,inset 0 -18px 0 #d6a25a;
}

.blueprint-master-cover,
.blueprint-spine {
    position: relative;
    box-sizing: border-box;
    border: 1px solid rgba(0,0,0,.45);
    border-radius: 10px 10px 3px 3px;
    color: #fff;
    text-align: center;
    box-shadow: inset 7px 0 10px rgba(255,255,255,.12),inset -8px 0 15px rgba(0,0,0,.24),0 8px 10px rgba(0,0,0,.22);
}

.blueprint-master-cover { height:442px; padding:24px 20px 25px; background:linear-gradient(100deg,#0b1b27,#16354a 55%,#07151e); color:#f1cc75; }
.blueprint-master-cover::before { content:"GAGE CONSULTING"; display:block; margin:0 0 22px; padding:7px 4px; border-top:1px solid rgba(241,204,117,.38); border-bottom:1px solid rgba(241,204,117,.38); color:rgba(241,204,117,.82); font:800 8px Inter; letter-spacing:.28em; text-indent:.28em; text-shadow:0 1px 0 #000,0 -1px 0 rgba(255,255,255,.15); box-shadow:inset 0 1px 0 rgba(255,255,255,.04),inset 0 -1px 0 rgba(0,0,0,.3); }
.blueprint-master-cover span { display:block; font:800 10px Inter; letter-spacing:.15em; }
.blueprint-master-cover strong { display:block; margin-top:9px; font:600 19px Manrope; }
.blueprint-master-cover i { display:block; width:58px; height:58px; margin:27px auto 30px; border:0; border-radius:0; background:linear-gradient(#f4511e,#f4511e) 2px 14px/10px 36px no-repeat,linear-gradient(#f4511e,#f4511e) 24px 5px/10px 45px no-repeat,linear-gradient(#929ba0,#929ba0) 46px 18px/10px 32px no-repeat; filter:drop-shadow(0 2px 0 rgba(0,0,0,.5)) drop-shadow(0 -1px 0 rgba(255,255,255,.12)); box-shadow:none; }
.blueprint-master-cover i::before,.blueprint-master-cover i::after { content:none; }
.blueprint-master-cover p { color:#fff; font:500 11px/1.6 Inter; text-transform:uppercase; }
.blueprint-master-cover small { display:block; margin-top:25px; color:#e6c374; font:700 8px Inter; letter-spacing:.12em; }

.blueprint-spine { display:flex; flex-direction:column; align-items:center; height:424px; padding:22px 12px 20px; background:#173650; }
button.blueprint-spine { width:100%; font:inherit; cursor:pointer; }
.blueprint-spine.stage-2 { background:#087682; }
.blueprint-spine.stage-3 { background:#477832; }
.blueprint-spine.stage-4 { background:#c28b0a; }
.blueprint-spine.stage-5 { background:#d45f08; }
.blueprint-spine.stage-6 { background:#432d61; }
.blueprint-spine > b { font:500 29px Manrope; }
.blueprint-spine > i { width:48px; height:48px; display:grid; place-items:center; margin:14px auto 23px; border:2px solid rgba(255,255,255,.8); border-radius:50%; font:400 23px Manrope; font-style:normal; }
.blueprint-spine > small { min-height:31px; font:800 8px/1.45 Inter; letter-spacing:.08em; }
.blueprint-spine > strong { display:grid; place-items:center; width:calc(100% + 10px); min-height:38px; margin-top:8px; padding:6px 3px; border-top:1px solid rgba(255,255,255,.24); border-bottom:1px solid rgba(0,0,0,.22); background:rgba(4,17,25,.2); font:700 17px/1.15 Manrope; text-shadow:0 1px 2px rgba(0,0,0,.45); }
.blueprint-spine > p { margin:16px 0 0; color:rgba(255,255,255,.9); font:550 9.5px/1.55 Inter; }
.blueprint-spine::before { content:"GAGE"; position:absolute; left:0; right:0; bottom:8px; color:rgba(255,255,255,.72); font:900 7px Inter; letter-spacing:.32em; text-indent:.32em; text-shadow:0 1px 1px rgba(0,0,0,.72),0 -1px 0 rgba(255,255,255,.22); }
.blueprint-spine::after { content:""; position:absolute; bottom:-15px; width:30px; height:24px; background:inherit; clip-path:polygon(0 0,100% 0,100% 100%,50% 68%,0 100%); }

.blueprint-showcase > footer { display:grid; grid-template-columns:repeat(3,1fr); padding:0 24px; background:#10232f; color:#fff; }
.blueprint-showcase > footer span { padding:15px 18px; border-right:1px solid #455661; font:800 9px Inter; letter-spacing:.08em; }
.blueprint-showcase > footer span:last-child { border:0; }
.blueprint-showcase > footer b { margin-right:8px; color:#f4511e; font-size:16px; }

.blueprint-dashboard > header { align-items:center; }
.project-enhanced-workspace-page > .container { width:min(1420px,calc(100% - 36px)); max-width:none; }
.blueprint-overall { width:245px; display:grid; grid-template-columns:1fr auto; gap:6px 14px; }
.blueprint-overall span { font:800 8px Inter; letter-spacing:.1em; }
.blueprint-overall b { color:#f4511e; font:600 27px Manrope; }
.blueprint-overall i { grid-column:1/-1; height:7px; background:#dce2e3; }
.blueprint-overall em { display:block; height:100%; background:#f4511e; }
.blueprint-dashboard-body { display:grid; grid-template-columns:minmax(0,1fr) 300px; }
.blueprint-project-shelf { min-width:0; min-height:540px; grid-template-columns:.98fr repeat(6,minmax(105px,1fr)); gap:8px; padding:22px 18px 20px; }
.blueprint-project-shelf .blueprint-master-cover { height:535px; }
.blueprint-project-shelf .blueprint-spine { height:510px; }
.blueprint-project-shelf .blueprint-master-cover { padding-bottom:38px; }
.blueprint-project-shelf .blueprint-master-cover::before { margin-bottom:15px; }
.blueprint-project-shelf .blueprint-master-cover i { margin:18px auto 19px; }
.blueprint-project-shelf .blueprint-master-cover small { margin-top:15px; }
.blueprint-project-shelf .blueprint-spine { padding:17px 10px; transition:transform .18s ease,filter .18s ease,box-shadow .18s ease; }
.blueprint-project-shelf .blueprint-spine > i { width:42px; height:42px; margin:10px auto 18px; }
.blueprint-project-shelf .blueprint-spine > small { min-height:47px; font-size:7.5px; line-height:1.4; }
.blueprint-project-shelf .blueprint-spine > strong { min-height:40px; margin-top:6px; font-size:15px; line-height:1.15; }
.blueprint-project-shelf .blueprint-spine > p { max-width:100%; margin-top:14px; padding:5px 2px; color:#fff; background:rgba(3,15,23,.16); font:850 10px/1.3 Inter; letter-spacing:.045em; }
.blueprint-project-shelf .blueprint-spine > span { position:absolute; left:50%; bottom:21px; width:58px; height:58px; border:3px solid rgba(255,255,255,.96); border-radius:50%; background:conic-gradient(#fff calc(var(--progress) * 1%),rgba(5,18,27,.42) 0); transform:translateX(-50%); box-shadow:inset 0 0 0 2px rgba(0,0,0,.14),0 3px 7px rgba(0,0,0,.34); }
.blueprint-project-shelf .blueprint-spine > span::after { content:""; position:absolute; inset:10px; border:1px solid rgba(0,0,0,.2); border-radius:50%; background:#fff; box-shadow:0 1px 3px rgba(0,0,0,.24); }
.blueprint-project-shelf .blueprint-spine > u { position:absolute; z-index:2; left:0; right:0; bottom:43px; color:#111; font:900 11px Inter; line-height:14px; text-decoration:none; text-shadow:none; }
.blueprint-project-shelf .blueprint-spine::before { bottom:3px; font-size:5px; opacity:.72; }
.blueprint-project-shelf .blueprint-spine.selected { z-index:2; transform:translateY(-34px); filter:brightness(1.16) saturate(1.08); outline:5px solid #fff; outline-offset:-9px; box-shadow:inset 7px 0 10px rgba(255,255,255,.2),inset -8px 0 15px rgba(0,0,0,.18),0 0 0 5px #f4511e,0 22px 30px rgba(0,0,0,.4); }
.blueprint-area-detail { display:flex; flex-direction:column; border-left:1px solid #152631; background:#fff; }
.blueprint-area-detail > header { padding:24px; border-bottom:1px solid #ccd3d5; }
.blueprint-area-detail > header small { color:#f4511e; font:800 8px Inter; letter-spacing:.1em; }
.blueprint-area-detail > header h3 { margin:6px 0; font:500 30px Manrope; }
.blueprint-area-detail > header p { color:#62747c; font-size:11px; line-height:1.55; }
.blueprint-area-detail > header div { display:flex; align-items:center; justify-content:space-between; }
.blueprint-area-detail > header div > b { color:#f4511e; font:600 25px Manrope; }
.blueprint-area-detail > div { flex:1; }
.blueprint-area-detail article { display:grid; grid-template-columns:28px 1fr 72px; gap:10px; align-items:center; min-height:64px; padding:9px 14px; border-bottom:1px solid #dde2e3; }
.blueprint-area-detail article.return-selected { background:#fff; box-shadow:inset 6px 0 #f4511e; }
.blueprint-area-detail article > span { color:#f4511e; font:800 9px Inter; }
.blueprint-area-detail h4 { margin:0; font-size:12px; }
.blueprint-area-detail article small { color:#728087; font:800 7px Inter; }
.blueprint-area-detail article a,.blueprint-area-detail article i { display:grid; place-items:center; min-width:68px; height:30px; padding:0 7px; border:1px solid #152631; background:#fff; color:#152631; font:800 8px Inter; font-style:normal; text-decoration:none; }
.blueprint-area-detail article a:hover { background:#152631; color:#fff; }
.blueprint-area-detail > button { margin:14px 16px; padding:11px; border:0; background:#152631; color:#fff; font:800 9px Inter; text-transform:uppercase; cursor:pointer; }
.blueprint-dashboard > footer { grid-template-columns:repeat(4,1fr); }

.dashboard-book-view-switch { display:flex; align-items:center; justify-content:space-between; gap:32px; margin-top:26px; padding:20px 26px; border:1px solid #152631; border-bottom:0; background:#fff; }
.dashboard-book-view-switch small { color:#f4511e; font:800 9px Inter; letter-spacing:.12em; }
.dashboard-book-view-switch h2 { margin:5px 0 2px; font:550 24px Manrope; letter-spacing:-.035em; }
.dashboard-book-view-switch p { margin:0; color:#66757c; font-size:11px; }
.dashboard-book-view-switch fieldset { display:flex; gap:8px; margin:0; padding:0; border:0; }
.dashboard-book-view-switch legend { position:absolute; width:1px; height:1px; overflow:hidden; clip:rect(0 0 0 0); }
.dashboard-book-view-switch label { display:flex; align-items:center; gap:8px; min-width:118px; padding:11px 14px; border:1px solid #152631; background:#fff; font:800 10px Inter; cursor:pointer; }
.dashboard-book-view-switch label.selected { border-color:#152631; background:#152631; color:#fff; box-shadow:inset 0 -3px 0 #f4511e; }
.dashboard-book-view-switch input { accent-color:#f4511e; }
.dashboard-book-view-switch + .blueprint-showcase,.dashboard-book-view-switch + .project-book-journey { margin-top:0; }

@media (max-width:1180px) {
    .blueprint-dashboard-body { grid-template-columns:1fr; }
    .blueprint-area-detail { border-top:1px solid #152631; border-left:0; }
    .blueprint-public-shelf { overflow-x:auto; }
}
@media (max-width:760px) {
    .blueprint-showcase > header { display:grid; }
    .blueprint-overall { width:100%; }
    .blueprint-showcase > footer,.blueprint-dashboard > footer { grid-template-columns:1fr 1fr; }
    .blueprint-public-shelf { min-width:920px; }
    .dashboard-book-view-switch { display:grid; }
    .dashboard-book-view-switch fieldset { display:grid; grid-template-columns:1fr 1fr; }
}