.showcase-section{background:#e9ebe4;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.showcase-heading{display:grid;grid-template-columns:1.45fr 1fr;gap:65px;align-items:end;margin-bottom:53px}
.showcase-heading h2{margin-top:27px;font-size:clamp(2.35rem,4vw,3.6rem);line-height:1.12}
.showcase-heading>p{font-size:1.25rem;line-height:1.5;color:var(--muted);max-width:475px;padding-bottom:3px}
.showcase-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:25px}
.showcase-card{margin:0;min-width:0}
.concept-art{height:355px;border-radius:13px;position:relative;overflow:hidden;isolation:isolate;user-select:none;pointer-events:none;color:#242925;font-family:Arial,Helvetica,sans-serif}
.retail-art{background:#243cfa}.team-art{background:#d9dff4}.customer-art{background:#cbe4bc}
.art-index{position:absolute;top:20px;left:21px;font:12px/1.4 ui-monospace,monospace;letter-spacing:.09em;text-transform:uppercase;color:#f4f2ea}.team-art .art-index{color:#434d77}.customer-art .art-index{color:#3c5930}
.sample-window{background:#fcfdf9;border:1px solid #ffffff9c;border-radius:9px;position:absolute;box-shadow:0 13px 34px #0d183627;overflow:hidden}
.sample-bar{display:flex;align-items:center;gap:7px;padding:11px 13px;border-bottom:1px solid #e3e6dd;white-space:nowrap;height:43px}
.sample-bar>strong{font-size:14px;letter-spacing:-.035em}.sample-context{margin-left:auto;font-size:12px;color:#69716a}.sample-symbol{font:700 17px/1 var(--display);color:var(--blue)}
.retail-window{left:21px;top:55px;width:calc(100% - 55px);transform:rotate(-3deg)}
.retail-body{padding:15px 15px 11px}.retail-toolbar{display:flex;align-items:center;justify-content:space-between;gap:9px;margin-bottom:14px}.retail-toolbar strong{font-size:13px}.retail-toolbar>span{font-size:12px;color:#65735d}
.product-samples{display:grid;grid-template-columns:1fr 1fr;gap:12px}.product-samples>div>span,.product-samples>div>strong{display:block;font-size:12px;line-height:1.6}.product-samples>div>span{margin-top:6px}.product-samples>div>strong{font-weight:400;color:#626c5d}
.product-tile{height:94px;border-radius:5px;position:relative;padding:13px;display:flex;align-items:center;justify-content:space-between;overflow:hidden}.product-tile>span{font:700 17px/.98 var(--display);letter-spacing:-.065em}.product-tile>b{align-self:end;font:400 11px ui-monospace,monospace}.tile-one{background:#e3e7d8;color:#4a5f48}.tile-two{background:#f0dba9;color:#66541b}
.retail-foot{display:flex;gap:10px;justify-content:space-between;font-size:12px;color:#69716a;margin-top:14px;padding-top:10px;border-top:1px solid #e3e6dd}
.receipt-slip{position:absolute;right:17px;bottom:16px;width:184px;background:#fffefa;padding:15px 14px 12px;border-radius:3px;transform:rotate(4deg);box-shadow:0 12px 28px #0c175831;color:#30362d}
.receipt-title{font-size:13px;font-weight:700;display:block;padding-bottom:9px;margin-bottom:8px;border-bottom:1px dashed #c3c9b9}.receipt-slip>div{display:flex;justify-content:space-between;gap:8px;font-size:12px;line-height:1.65}.receipt-slip>.receipt-total{border-top:1px solid #dfe3d6;margin-top:8px;padding-top:8px}.receipt-state{display:block;padding:6px;text-align:center;background:#e0eebc;border-radius:3px;font-size:12px;margin-top:10px}
.team-window{left:18px;top:59px;width:calc(100% - 36px);transform:rotate(2deg)}
.schedule-body{padding:14px 13px 22px}.schedule-title{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:16px}.schedule-title>strong{font-size:14px;letter-spacing:-.03em}.schedule-title>span{font-size:12px;color:#69716a}.sample-schedule{display:grid;grid-template-columns:1.18fr repeat(3,1fr);gap:7px 5px;align-items:center;font-size:12px}.sample-schedule>span:nth-child(-n+4){color:#687176;font-size:12px;padding-bottom:4px}.sample-schedule>span:not(:nth-child(4n+1)){text-align:center}.sample-person{display:flex;align-items:center;gap:5px;white-space:nowrap;font-size:12px}.sample-person i{font-style:normal;font-size:11px;width:19px;height:19px;display:grid;place-items:center;border-radius:50%;background:#e7eadf;color:#596550}.shift{border-radius:4px;padding:9px 0;letter-spacing:-.03em}.shift-blue{background:#dfe5ff;color:#3d52ab}.shift-green{background:#e5f0d4;color:#526735}.shift-lilac{background:#eee0f4;color:#79578b}.shift-off{color:#939b91}
.onboarding-slip{position:absolute;bottom:16px;right:19px;background:#fffefb;width:207px;padding:15px 14px;border-radius:9px;transform:rotate(-3deg);box-shadow:0 12px 25px #455c8d24}.onboarding-slip>div:first-child{display:flex;gap:9px;align-items:center;font-size:14px}.onboarding-mark{border-radius:50%;background:#ddedc6;color:#537536;width:23px;height:23px;display:grid;place-items:center;font-size:13px}.onboarding-slip>p{font-size:12px;color:#77806d;margin:8px 0 11px}.sample-task{display:flex;gap:9px;align-items:center;font-size:12px;margin-top:5px;color:#58644f}.sample-task>span{font-size:12px;color:#4e6c3e}.task-open{color:#868b80}
.customer-window{left:19px;top:58px;width:calc(100% - 52px);transform:rotate(-2deg)}
.conversation-body{padding:13px 14px 15px}.conversation-label{font-size:12px;color:#707a6a}.message-in{background:#eff1ea;padding:10px 12px;border-radius:0 8px 8px;font-size:13px;line-height:1.35;margin:8px 24px 12px 0}.message-draft{padding:11px 12px;background:#e5e9ff;border-radius:8px 0 8px 8px;margin-left:20px;font-size:12px;line-height:1.4}.message-draft>span{color:#4051a9;font-size:12px}.message-draft>p{font-size:13px;line-height:1.35;margin:6px 0 9px}.message-draft>div{font-size:12px;color:#63718c}.conversation-footer{display:flex;gap:12px;justify-content:space-between;font-size:12px;margin-top:13px;color:#6e7966}
.invoice-slip{position:absolute;right:15px;bottom:15px;background:#fdfef9;padding:14px 16px;width:176px;border-radius:7px;transform:rotate(4deg);box-shadow:0 10px 24px #425b3430}.invoice-slip>div:first-child{display:flex;justify-content:space-between;font:11px ui-monospace,monospace;letter-spacing:.03em;color:#6e7666}.invoice-slip>strong{display:block;font-size:13px;margin-top:12px;font-weight:400}.invoice-slip>p{font-size:12px;color:#79806e;margin-top:4px}.invoice-slip>.invoice-amount{font:400 25px var(--display);letter-spacing:-.04em;margin-top:10px}.invoice-line{height:1px;background:#d9dfcf;margin:11px 0 8px}.invoice-slip>span{font-size:11px;color:#79816e;line-height:1.3;display:block}
.showcase-card figcaption{padding:25px 2px 0}.showcase-caption-top{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:14px}.showcase-caption-top .eyebrow{font-size:.75rem;letter-spacing:.06em}.concept-kind{font-size:.875rem;color:var(--muted)}.showcase-card h3{font-size:1.7rem;letter-spacing:-.035em;line-height:1.16;margin-bottom:17px}.showcase-card figcaption>p{font-size:1.0625rem;line-height:1.5;color:var(--muted);max-width:390px}.showcase-detail{display:block;font-size:.875rem;line-height:1.7;margin-top:20px;color:#474e42}.showcase-footer{display:flex;align-items:center;justify-content:space-between;gap:30px;border-top:1px solid #c8cebf;padding-top:25px;margin-top:43px}.showcase-footer>p{font-size:.875rem;color:var(--muted)}.showcase-footer>a{font-size:1rem;flex-shrink:0;min-height:32px}
@media(min-width:761px) and (max-width:1099px){.showcase-grid{grid-template-columns:1fr 1fr;gap:42px 25px}.showcase-card:last-child{grid-column:1/-1;display:grid;grid-template-columns:1fr 1fr;gap:30px;align-items:center}.showcase-card:last-child figcaption{padding-top:0}.showcase-heading{gap:35px}.showcase-heading>p{font-size:1.125rem}.showcase-footer{align-items:start}}
@media(max-width:760px){.showcase-heading{display:block;margin-bottom:34px}.showcase-heading h2{font-size:2.3rem;margin-top:21px}.showcase-heading>p{font-size:1.125rem;margin-top:23px}.showcase-grid{grid-template-columns:1fr;gap:42px}.concept-art{height:350px;max-width:470px}.showcase-card h3{font-size:1.75rem;margin-bottom:13px}.showcase-card figcaption{padding-top:23px}.showcase-card figcaption>p{font-size:1.125rem;max-width:440px}.showcase-caption-top{margin-bottom:12px}.showcase-detail{margin-top:16px}.showcase-footer{display:block;margin-top:36px;padding-top:24px}.showcase-footer>a{display:inline-block;margin-top:21px}.showcase-footer>p{max-width:300px;line-height:1.6}}
@media(max-width:359px){.concept-art{height:345px}.sample-context{display:none}.retail-window{left:13px;width:calc(100% - 34px)}.team-window{left:11px;width:calc(100% - 22px)}.customer-window{left:12px;width:calc(100% - 28px)}.sample-schedule{grid-template-columns:1.12fr repeat(3,1fr);gap:6px 3px}.sample-person i{display:none}.product-tile>span{font-size:15px}.onboarding-slip{right:12px;width:196px}.showcase-caption-top .eyebrow{font-size:.7rem}.showcase-card h3{font-size:1.6rem}}