/* Netiz / Section 1. Figma frames 3:14, 5:135, 5:240, 5:592, 5:515, 5:584. */
:root{--background:#0a0a0a;--surface:#171717;--action:#206ce8;--page-inset:48px;--motion-out:cubic-bezier(.22,1,.36,1)}
body{min-height:100dvh}::selection{background:#206ce860;color:#fff}.language-switch{background:#ffffff05;border-color:#ffffff14}.language-switch button[aria-pressed=true]{background:#292929}.nav-link{background:transparent}
.home-page{width:min(1003px,calc(100% - 48px));padding-bottom:96px}.home-page .hero{padding-top:80px;gap:24px}.intro-copy h1,.roles,.worked-at{font-size:20px;line-height:26px;font-weight:500}.intro-copy h1{color:#fff}.roles{color:#ffffff99}.worked-at{display:flex;align-items:center;justify-content:center;gap:12px;color:#ffffff99;min-height:26px}.workplace{display:inline-flex;align-items:center;gap:6px;color:#fff;white-space:nowrap}.workplace-mark{width:20px;height:20px;flex:none;border-radius:6px;background:#fff}.workplace-separator,.workplace-industry{color:#ffffff99}.social-dock{background:#ffffff0d;border-color:#ffffff14}.social-button{background:#ffffff0d}.social-button:not([aria-disabled=true]):hover{background:#ffffff1c}
.home-page .solved{margin-top:57px}.home-page .solved>.section-heading{display:none}.home-page .case-cards{margin-top:0}.case-card-preview{object-fit:contain}.vibecoding-page{width:min(1003px,calc(100% - 48px));padding:80px 0 140px;min-height:62dvh}.vibecoding-page .products{margin:0;width:100%}.vibecoding-page h1{font-size:24px;font-weight:600}.vibecoding-page .product-grid{justify-content:space-between;margin-top:40px}
body.case-active #case-page,body.case-browser-active #case-page{width:calc(100% - var(--page-inset)*2);max-width:none;padding-top:30px;padding-bottom:96px}.case-back{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffffff14;margin-bottom:30px;transition:background .2s}.case-back:hover{background:#ffffff24}.case-back img{transform:rotate(90deg)}.case-cover{width:100%;overflow:hidden;border-radius:24px;background:#171717}.case-cover-image{display:block;width:100%;height:auto;object-fit:contain}.case-cover-image.image-placeholder{aspect-ratio:1632/766;background:#202020}.case-project-header{width:min(1060px,100%);margin:60px auto 0;display:flex;flex-direction:column;align-items:flex-start;gap:24px;font-family:var(--font-sans)}.case-project-logo{width:100px;height:100px;flex:none;border-radius:32px;background:#fff;object-fit:contain}.case-project-header h1{font-family:var(--font-sans);font-size:24px;line-height:31px;font-weight:600;letter-spacing:-.35px;max-width:420px;color:#fff}.case-project-header h1:focus{outline:none}.case-project-facts{display:flex;flex-wrap:wrap;gap:20px 28px;font-size:14px;line-height:19px;width:100%}.case-project-facts>div{flex:0 1 auto;max-width:100%}.case-project-facts>div:last-child{flex:1;min-width:220px}.case-project-facts dt{color:#ffffff80}.case-project-facts dd{color:white;font-weight:500}.case-launch,.presentation-start{background:var(--action);color:#fff;padding:12px 20px;border-radius:999px;font:500 14px/18px var(--font-sans);transition:background .2s,transform .2s}.case-launch:hover,.presentation-start:hover{background:#3880f4}.case-launch:active,.presentation-start:active{transform:scale(.97)}.case-narrative{max-width:1060px;margin:40px auto 0}.case-narrative .case-intro:first-child{margin-top:0}.case-narrative .case-text{margin-left:0}.case-narrative .case-figure{margin-left:0}.case-narrative .case-section-title{font-size:22px;line-height:30px;margin-bottom:10px}.case-narrative .case-paragraph{line-height:1.7}.case-narrative .case-section{margin-top:56px}.netiz-case{font-family:var(--font-sans)}
/* The presentation and live product share one full-screen stage. */
.rgs-expanded-dialog{inset:0;width:100%;height:100dvh;max-height:none;max-width:none;margin:0;padding:8px;border:0;border-radius:0;background:var(--background);overflow:hidden}.rgs-expanded-dialog[open]{display:block;animation:demo-open .35s var(--motion-out)}.rgs-expanded-dialog[open].closing{animation:demo-close .18s ease forwards}.rgs-expanded-dialog::backdrop{background:var(--background);backdrop-filter:none}
.flow-player-layout{display:grid;grid-template-columns:285px minmax(0,1fr) 285px;gap:8px;padding:0;height:100%;min-height:0;transition:grid-template-columns .65s var(--motion-out),gap .65s var(--motion-out);overflow:visible}.demo-flow-sidebar,.flow-info{background:var(--surface);border-radius:16px;padding:20px;min-width:0;min-height:0;overflow-y:auto;scrollbar-width:thin;scrollbar-color:#454545 transparent;transition:opacity .45s var(--motion-out),transform .65s var(--motion-out);animation:none}.demo-flow-sidebar{width:285px}.demo-project{display:flex;align-items:center;gap:12px;margin-bottom:20px;min-height:36px}.demo-project h2{font-size:20px;font-weight:600;line-height:26px}.flow-brand-icon{width:32px;height:32px;border-radius:8px;background:#c054fe}.demo-panel-control{display:grid;place-items:center;width:36px;height:36px;border-radius:12px;background:#ffffff14;flex:none;transition:background .2s}.demo-panel-control:hover{background:#ffffff26}.demo-project .demo-panel-control{margin-left:auto}.demo-project .demo-panel-control img{transform:scaleX(-1)}.demo-nav-heading{margin-bottom:24px}.demo-nav-heading h3{font-size:16px;font-weight:500;line-height:22px}.demo-nav-heading .interactive-badge{margin-top:8px}.demo-flow-sidebar details{margin-bottom:12px}.demo-flow-sidebar summary{display:flex;align-items:center;gap:12px;font-size:16px;line-height:22px;color:#999;cursor:pointer;list-style:none;min-height:24px}.demo-flow-sidebar summary::-webkit-details-marker{display:none}.demo-flow-sidebar summary img{transform:rotate(180deg);opacity:.6;transition:transform .22s}.demo-flow-sidebar details[open] summary img{transform:none}.demo-flow-sidebar summary:hover{color:#fff}.demo-flow-items{display:flex;flex-direction:column;gap:2px;padding:10px 0 6px 8px}.demo-flow-items button{width:100%;text-align:left;font-size:13px;line-height:19px;color:#999;padding:9px 12px;border-radius:8px}.demo-flow-items button:hover{background:#ffffff08;color:#fff}.demo-flow-items button[aria-current]{background:#ffffff0d;color:#fff}
.rgs-expanded-stage{position:relative;border:0;border-radius:16px;min-height:0;min-width:0;height:100%;background:#fff}.rgs-demo-frame{height:100%;width:100%;border:0}.expand-flows{position:absolute;z-index:6;left:12px;top:12px;background:#292929;box-shadow:2px 2px 6.45px #0004}.expand-flows:hover{background:#444}.flow-info{width:285px;overflow-x:hidden}.flow-info-content{min-height:0;display:flex;flex-direction:column}.flow-kicker{display:block;font-family:var(--font-mono);font-size:11px;line-height:15px;text-transform:uppercase;font-weight:400;color:#909090;margin:0 0 20px;padding-right:32px}.flow-info h3{font-size:18px;line-height:25px;letter-spacing:0;font-weight:600;margin:0 0 8px}.flow-description{font-size:14px;line-height:20px;color:#999;margin-bottom:24px}.flow-guide-heading{color:#999}.flow-guide-steps button{font-size:12px;color:#999;gap:10px}.flow-guide-steps button i{width:22px;height:22px;line-height:22px;font-size:10px}.flow-guide-steps button span{padding-top:1px}.flow-guide-steps li:not(:last-child)::before{left:10px;top:26px}.flow-guide-steps p{margin-left:32px}.flow-guide-controls{margin-bottom:24px}.flow-guide-controls button{border-radius:999px;border:0;background:#ffffff0a;min-height:36px;padding:9px 13px}.flow-guide-controls button:last-child{background:#eee;color:#111;gap:12px}.flow-guide-controls button:disabled{opacity:.35}.demo-exit{width:100%;padding:12px 20px;font-size:14px;line-height:18px;font-weight:500;border:1px solid #ffffff1a;border-radius:999px;background:var(--surface);transition:background .2s}.demo-exit:hover{background:#242424}.flow-info-bottom{padding-top:24px;margin-top:24px;border-top:1px solid #ffffff0c}.flow-info-bottom button{font-size:13px;line-height:18px;padding:0;text-decoration:none;color:#999}.flow-info-bottom button:hover{color:#fff}.flow-close{z-index:12;position:absolute;right:20px;top:18px;width:30px;height:30px;border-radius:10px;background:#ffffff0a}.flow-close:hover{background:#ffffff20}.flow-close img{width:20px;height:20px}.is-presenting .flow-close{background:#efefef;right:28px;top:28px;width:36px;height:36px;border-radius:12px}.is-presenting .flow-close img{filter:brightness(0)}.is-presenting .flow-close:hover{background:#e0e0e0}
.flows-collapsed .flow-player-layout{grid-template-columns:0 minmax(0,1fr) 285px;column-gap:8px}.flows-collapsed .demo-flow-sidebar{visibility:hidden;opacity:0;transform:translateX(-110%);pointer-events:none}.flows-collapsed .rgs-expanded-stage{margin-left:-8px;width:calc(100% + 8px)}
.is-presenting .flow-player-layout{grid-template-columns:0 minmax(0,1fr) 0;gap:0}.is-presenting .demo-flow-sidebar,.is-presenting .flow-info{visibility:hidden;opacity:0;pointer-events:none}.is-presenting .demo-flow-sidebar{transform:translateX(-100%)}.is-presenting .flow-info{transform:translateX(100%)}
.demo-presentation{position:absolute;inset:8px;border-radius:16px;background:white;color:#111;display:flex;align-items:center;justify-content:center;padding:80px 32px 120px;overflow:auto;transition:opacity .3s ease,visibility .3s}.is-demo .demo-presentation{opacity:0;visibility:hidden;pointer-events:none}.presentation-content{width:min(760px,100%);text-align:center}.presentation-icons{display:flex;justify-content:center;align-items:center;gap:20px;margin-bottom:44px}.presentation-icon{display:grid;place-items:center;width:88px;height:88px;border-radius:23px;background:#f0f2f5;color:#20242c;box-shadow:0 8px 18px #17171708}.presentation-icon:nth-child(2){width:104px;height:104px;border-radius:28px;background:#206ce8;color:white}.presentation-icon svg{width:38px;height:38px}.presentation-icon:nth-child(2) svg{width:44px;height:44px}.presentation-content h2{font-size:clamp(30px,3.4vw,58px);line-height:1.08;font-weight:600;letter-spacing:-.035em;text-wrap:balance;max-width:760px;margin:auto}.presentation-content h2:focus{outline:none}.presentation-content>p{font-size:clamp(16px,1.2vw,20px);line-height:1.5;color:#6a6a6a;max-width:600px;margin:24px auto 0;text-wrap:balance}.presentation-start{display:inline-flex;align-items:center;justify-content:center;min-width:90px;margin-top:36px;animation:start-reveal .7s .35s var(--motion-out) both}.presentation-controls{position:absolute;bottom:40px;left:50%;transform:translateX(-50%);display:flex;align-items:center;gap:40px}.presentation-controls>button{font-size:14px;line-height:20px;min-height:40px;min-width:78px;border-radius:999px;padding:10px 14px;background:#f2f2f2;transition:background .2s;color:#222}.presentation-controls>button:hover{background:#e7e7e7}.presentation-controls>button:disabled{opacity:0;pointer-events:none}.presentation-dots{display:flex;align-items:center;gap:6px}.presentation-dots button{width:22px;height:30px;display:grid;place-items:center}.presentation-dots button::before{content:'';width:6px;height:6px;border-radius:50%;background:#d2d2d2;transition:background .2s,transform .2s}.presentation-dots button[aria-current]::before{background:#222;transform:scale(1.2)}.demo-presentation button:focus-visible,.is-presenting .flow-close:focus-visible{outline:2px solid #206ce8;outline-offset:4px}
@keyframes start-reveal{from{opacity:0;transform:translateY(18px)}to{opacity:1;transform:translateY(0)}}@keyframes demo-open{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}@keyframes demo-close{to{opacity:0;transform:translateY(12px)}}
@media(max-width:1280px){:root{--page-inset:32px}.case-project-facts>div:last-child{flex-basis:100%}}
@media(max-width:1100px){.flow-player-layout{grid-template-columns:0 minmax(0,1fr) 285px}.demo-flow-sidebar{position:absolute;z-index:10;left:8px;top:8px;bottom:8px;box-shadow:8px 0 30px #0005;border:1px solid #ffffff0d}.flow-player-layout>.rgs-expanded-stage{grid-column:2;margin-left:-8px;width:calc(100% + 8px)}.flow-player-layout>.flow-info{grid-column:3}.is-presenting .flow-player-layout{grid-template-columns:0 1fr 0}}
@media(max-width:960px){.home-page .hero{padding-top:60px}.flow-player-layout{display:grid;padding:0;gap:8px;overflow:visible}.rgs-expanded-stage{height:100%;min-height:0;flex:initial}.flow-info{overflow:auto;padding:20px;flex:initial}.flow-info-content{padding:0}.flow-info-bottom{padding-top:24px}.flow-kicker{display:block}}
@media(max-width:760px){.rgs-expanded-dialog{padding:6px}.flow-player-layout,.flows-collapsed .flow-player-layout{grid-template-columns:minmax(0,1fr);grid-template-rows:minmax(240px,1fr) minmax(180px,34dvh);gap:6px;overflow:hidden}.flow-player-layout>.rgs-expanded-stage{grid-column:1;grid-row:1;margin:0;width:100%;border-radius:12px;padding-top:52px;background:var(--surface)}.flow-player-layout>.flow-info{grid-column:1;grid-row:2;width:100%;border-radius:12px;padding:18px 20px}.flow-info .flow-kicker{margin-bottom:12px}.flow-description{margin-bottom:18px;max-width:600px}.demo-flow-sidebar{left:6px;top:6px;bottom:6px;width:min(285px,calc(100% - 48px));border-radius:12px}.flow-close{right:16px;top:16px;background:#292929;box-shadow:0 2px 8px #0003}.expand-flows{top:10px;left:10px}.demo-presentation{inset:6px;border-radius:12px}.presentation-icons{gap:14px;margin-bottom:32px}.presentation-icon{width:64px;height:64px;border-radius:18px}.presentation-icon:nth-child(2){width:80px;height:80px;border-radius:22px}.presentation-icon svg{width:28px;height:28px}.presentation-icon:nth-child(2) svg{width:34px;height:34px}.presentation-controls{gap:20px;bottom:28px}.is-presenting .flow-player-layout{display:block}.case-project-header{margin-top:36px}.case-project-facts{display:grid;grid-template-columns:1fr 1fr;gap:20px}.case-project-facts>div:last-child{grid-column:1/-1}.case-project-logo{width:80px;height:80px;border-radius:26px}.case-cover{border-radius:16px}.case-project-header h1{font-size:23px;line-height:30px}}
@media(max-width:600px){:root{--page-inset:16px}.wordmark{grid-column:1;grid-row:1}.home-page{width:calc(100% - 32px)}.home-page .hero{padding-top:48px}.intro-copy h1,.roles,.worked-at{font-size:16px;line-height:23px}.roles{flex-wrap:wrap;white-space:normal;gap:4px 6px}.intro-copy{gap:5px}.worked-at{gap:8px}.workplace{gap:5px}.workplace-mark{width:17px;height:17px;border-radius:5px}.home-page .solved{margin-top:48px}.vibecoding-page{width:calc(100% - 32px);padding-top:48px}.vibecoding-page .product-grid{grid-template-columns:repeat(3,86px);gap:24px 12px;justify-content:space-around}.case-project-header h1{max-width:100%}.case-project-facts{font-size:13px;line-height:19px}.case-project-facts>div:nth-child(3){grid-column:1/-1}.case-narrative .case-section-title{font-size:20px;line-height:28px}.case-narrative .case-section{margin-top:40px}.presentation-content h2{font-size:34px}.demo-presentation{padding:75px 24px 110px}.presentation-content>p{font-size:16px}.presentation-start{margin-top:28px}}
@media(max-height:580px){.demo-presentation{padding-top:60px;padding-bottom:70px;align-items:flex-start}.presentation-icons{margin-bottom:20px}.presentation-icon{width:54px;height:54px;border-radius:16px}.presentation-icon:nth-child(2){width:64px;height:64px;border-radius:18px}.presentation-content h2{font-size:32px}.presentation-content>p{font-size:16px;margin-top:16px}.presentation-controls{position:fixed;bottom:18px}.presentation-start{margin-top:20px}}
@media(prefers-reduced-motion:reduce){.flow-player-layout,.demo-flow-sidebar,.flow-info,.demo-presentation,.demo-panel-control,.presentation-controls>button{transition:none}.rgs-expanded-dialog[open],.rgs-expanded-dialog[open].closing,.presentation-start{animation:none}.presentation-content{transform:none}}
.demo-presentation{z-index:10}
/* Editorial case pages and the larger product catalog. */
.case-card-preview{background:#262626;border-radius:24px;transform:none;transition:none;border:0;box-shadow:none}
.case-card:hover .case-card-preview,.case-card:active .case-card-preview,.case-card:focus-visible .case-card-preview{background:#262626;transform:none;border:0;box-shadow:none}
.case-card:not(:focus-visible){outline:none}.case-card:focus-visible{outline:2px solid #fff;outline-offset:6px}
.case-company-logo{border-radius:12px}
.case-project-header{margin:0 auto 48px;gap:24px}.case-project-header h1{max-width:720px;font-size:32px;line-height:1.2;letter-spacing:-.6px}
.case-project-logo{border-radius:20px}.case-back{margin-bottom:32px}.case-cover{background:#262626}.case-cover-image{background:#262626}
.case-cover-image.image-placeholder{background:#262626}
.case-narrative{margin-top:72px}.case-story-overview{display:grid;grid-template-columns:1fr 1fr;gap:64px;margin-bottom:48px}
.case-story-overview h2{font-size:20px;line-height:28px;font-weight:600;color:#fff;margin-bottom:12px}.case-story-overview p{font-size:16px;line-height:1.65;color:#b5b5b5;text-wrap:pretty}
.case-narrative .case-section{margin-top:88px;gap:12px}.case-narrative .case-section-title{font-size:28px;line-height:1.25;letter-spacing:-.4px;margin-bottom:12px;max-width:780px}
.case-narrative .case-paragraph{color:#c3c3c3;text-wrap:pretty}.case-narrative .case-subheading{font-size:20px;line-height:28px;margin-top:36px;margin-bottom:4px}
.case-narrative .case-label{font-size:14px;line-height:20px;margin-top:20px}
.case-narrative .case-quote{border:0;padding:24px 0;margin-top:8px;font-size:21px;line-height:1.5;color:#eee}
.case-narrative .case-results{flex-direction:row;gap:40px;flex-wrap:wrap;max-width:none;border-top:1px solid #ffffff14;border-bottom:1px solid #ffffff14;padding:24px 0;margin:24px 0}
.case-results li{display:flex;flex-direction:column;gap:8px}.case-results li strong{font:500 30px/1.2 var(--font-sans)}.case-results li span{font-size:14px}
.case-visual{width:100%;min-width:0;margin:24px 0 36px}.case-visual-slot{display:flex;width:100%;min-width:0;flex-direction:column;align-items:center;justify-content:center;gap:14px;padding:40px;background:#202020;border-radius:20px;min-height:260px;text-align:center;color:#8a8a8a}
.case-visual-title{font:500 18px/26px var(--font-sans);color:#dedede;max-width:620px}.case-visual-direction{font:400 14px/22px var(--font-sans);color:#a4a4a4;max-width:500px;text-wrap:pretty}
.vibecoding-page{padding-top:64px}.vibecoding-page h1{font-size:32px;line-height:1.2;letter-spacing:-.5px}
.vibecoding-page .product-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:24px;margin-top:32px;width:100%}
.vibe-card{display:flex;flex-direction:column;min-width:0;padding:28px;background:#171717;border-radius:24px;text-align:left}
.vibe-card-header{display:flex;align-items:center;gap:18px}.vibe-icon{width:72px;height:72px;object-fit:cover;border-radius:20px;flex:none}.vibe-card-header h2{font-size:24px;line-height:31px;font-weight:600;letter-spacing:-.3px}.vibe-card-header p{font-size:13px;line-height:19px;color:#999;margin-top:4px}
.vibe-description{margin-top:24px;font-size:16px;line-height:25px;color:#b5b5b5;flex:1;text-wrap:pretty;min-height:75px}
.vibe-metrics{display:flex;gap:48px;margin:28px 0;font-variant-numeric:tabular-nums}.vibe-metrics div{display:flex;flex-direction:column;gap:6px}.vibe-metrics dt{font-size:13px;line-height:18px;color:#999}.vibe-metrics dd{font-size:24px;line-height:30px;font-weight:500;color:#f5f5f5}
.vibe-demo{display:flex;align-items:center;justify-content:space-between;gap:16px;width:100%;border:0;border-radius:999px;background:#eee;color:#111;padding:12px 18px;min-height:44px;font:500 14px/20px var(--font-sans);transition:background .18s}
.vibe-demo:hover:not(:disabled){background:#fff}.vibe-demo:active:not(:disabled){background:#ddd}.vibe-demo:disabled{background:#ffffff08;color:#999;cursor:default;justify-content:center}
@media(max-width:760px){.case-company-logo{border-radius:8px}.case-card-preview{border-radius:16px}.case-project-logo{border-radius:16px}.case-project-header{margin:0 auto 32px}.case-project-header h1{font-size:28px;line-height:35px}.case-narrative{margin-top:48px}.case-story-overview{grid-template-columns:1fr;gap:28px;margin-bottom:32px}.case-narrative .case-section{margin-top:56px}.case-narrative .case-section-title{font-size:24px;line-height:31px}.case-visual-slot{padding:24px;min-height:250px;border-radius:16px}.case-visual-title{font-size:16px;line-height:23px}.case-visual-direction{font-size:13px;line-height:20px}.case-visual{margin:20px 0}.vibecoding-page .product-grid{grid-template-columns:1fr;gap:20px}.vibe-description{min-height:0}.vibe-card{padding:24px}.vibecoding-page{padding-top:48px}.vibecoding-page h1{font-size:28px}}
@media(max-width:384px){.case-company-logo{border-radius:7px}.vibe-card{padding:20px}.vibe-card-header h2{font-size:22px}.vibe-icon{width:64px;height:64px;border-radius:18px}}

/* Concise C–P–P–S–R stories: short reading measure, generous media. */
.case-story-visual{margin-top:64px}
.case-story-visual .case-section{margin-top:64px;gap:16px}
.case-story-visual .case-section:first-child{margin-top:0}
.case-story-visual .case-section-title{font-size:24px;line-height:32px;letter-spacing:-.3px;margin-bottom:0}
.case-story-visual .case-paragraph{font-size:16px;line-height:27px;max-width:680px}
.case-process{list-style:decimal;padding-left:22px;display:flex;flex-direction:column;gap:12px;font-size:16px;line-height:26px;color:#c3c3c3}
.case-process li{padding-left:6px}.case-process li::marker{color:#858585;font-variant-numeric:tabular-nums}
.case-process strong{font-weight:600;color:#eee}
.case-design-decision{display:flex;flex-direction:column;gap:24px;min-width:0}
.case-design-decision+.case-design-decision{margin-top:40px}
.case-decision-copy h3{font-size:20px;line-height:28px;font-weight:600;letter-spacing:-.2px;margin:0 0 8px}
.case-decision-copy p{font-size:16px;line-height:27px;color:#c3c3c3;text-wrap:pretty}
.case-media-gallery{display:grid;grid-template-columns:minmax(0,1fr);gap:24px;width:100%;min-width:0;margin:8px 0 0}
.case-media-pair,.case-media-feature{grid-template-columns:repeat(2,minmax(0,1fr))}
.case-media-trio{grid-template-columns:repeat(3,minmax(0,1fr))}
.case-media-focus{grid-template-columns:minmax(0,1fr) minmax(0,1.4fr);align-items:center;gap:40px}.case-media-focus>.case-media-item:first-child{max-width:300px;justify-self:center}
.case-media-feature>.case-media-item:first-child{grid-column:1/-1}
.case-media-phones{display:flex;align-items:flex-start;gap:24px}
.case-media-phones>.case-media-item{flex:1;max-width:calc((100% - 48px)/3)}
.case-media-item{margin:0;min-width:0;width:100%}
.case-media-preview{display:grid;place-items:center;overflow:hidden;width:100%;min-width:0;background:#202020;border-radius:16px;aspect-ratio:16/10;color:#d0d0d0}
.case-media-preview.case-media-wide{aspect-ratio:16/7}
.case-media-preview.case-media-detail{aspect-ratio:4/3}
.case-media-preview.case-media-phone{aspect-ratio:9/16}
.case-media-preview img{display:block;width:100%;height:100%;object-fit:contain}
.case-media-placeholder{max-width:100%;padding:24px;text-align:center;font-size:16px;line-height:24px;font-weight:500;text-wrap:balance}
.case-media-item figcaption{max-width:640px;padding-top:12px;color:#a5a5a5;font-size:14px;line-height:21px;text-wrap:pretty}
.case-media-item figcaption strong{display:block;color:#d0d0d0;font-weight:500;margin-bottom:4px}
.case-section-solution>.case-design-decision:first-of-type{margin-top:8px}
@media(max-width:760px){.case-story-visual{margin-top:40px}.case-story-visual .case-section{margin-top:48px;gap:14px}.case-story-visual .case-section-title{font-size:23px;line-height:30px}.case-design-decision+.case-design-decision{margin-top:28px}.case-design-decision{gap:18px}.case-media-gallery{gap:20px}.case-media-pair,.case-media-feature,.case-media-trio,.case-media-focus{grid-template-columns:minmax(0,1fr)}.case-media-feature>.case-media-item:first-child{grid-column:auto}.case-media-phones{overflow-x:auto;scroll-snap-type:x mandatory;gap:16px;padding-bottom:12px;scrollbar-width:thin;scrollbar-color:#555 transparent}.case-media-phones>.case-media-item{flex:0 0 78%;max-width:300px;scroll-snap-align:start}.case-media-preview{border-radius:12px}.case-media-preview.case-media-wide{aspect-ratio:16/10}.case-media-placeholder{font-size:15px;line-height:22px;padding:20px}.case-media-item figcaption{font-size:13px;line-height:20px}.case-process{gap:14px}}

/* Project facts, proportionally smaller case covers, and the RGS journey. */
.case-project-facts .case-fact-skills{flex-basis:100%;min-width:0}
.case-skill-tags{display:flex;flex-wrap:wrap;gap:8px;list-style:none;padding:0;margin:8px 0 0}
.case-skill-tags li{padding:7px 12px;border-radius:999px;background:#202020;color:#dedede;font-size:13px;line-height:18px;font-weight:400}
.case-study>.case-cover{width:66.666667%;margin-inline:auto;border-radius:16px}
.case-user-journey{width:100%;min-width:0;margin:8px 0 0}
.journey-stage{position:relative;overflow:hidden;background:#1c1c1c;border-radius:24px;padding:8px}
.journey-svg{display:block;width:100%;height:auto;font-family:var(--font-sans);overflow:visible}
.journey-svg-tall{display:none}.journey-svg-tall .journey-node-title{font-size:21px}.journey-svg-tall .journey-node-note{font-size:17px}
.journey-ribbon-muted{fill:#ffffff14}
.journey-node rect{fill:#2a2a2a}
.journey-node-primary rect{fill:#253954}
.journey-icon{fill:#86aff2}
.journey-node-primary .journey-icon{fill:#c3d9ff}
.journey-node-title{font-size:18px;font-weight:500;fill:#f5f5f5;text-anchor:middle}
.journey-node-note{font-size:13px;fill:#b0b0b0;text-anchor:middle}
.journey-node-primary .journey-node-note{fill:#b9c9e0}
.case-user-journey figcaption{color:#a5a5a5;font-size:14px;line-height:21px;text-align:center;padding:14px 20px 0}
.journey-expand,.journey-close{display:grid;place-items:center;flex:none;width:40px;height:40px;border:0;border-radius:50%;background:#ffffff14;color:#e5e5e5;cursor:pointer;transition:background .18s}
.journey-expand{position:absolute;bottom:16px;right:16px}
.journey-expand:hover,.journey-close:hover{background:#ffffff24}
.journey-expand:focus-visible,.journey-close:focus-visible,.journey-zoom-canvas:focus-visible{outline:2px solid #86aff2;outline-offset:3px}
.journey-dialog{width:min(1440px,calc(100vw - 48px));max-width:none;max-height:calc(100dvh - 48px);margin:auto;padding:24px;border:1px solid #ffffff14;border-radius:24px;background:#1c1c1c;color:#fff;overflow:hidden}
.journey-dialog[open]{display:flex;flex-direction:column;gap:16px}
.journey-dialog::backdrop{background:#000b}
.journey-dialog>header{display:flex;align-items:center;justify-content:space-between;gap:24px}
.journey-dialog h2{font:500 20px/28px var(--font-sans)}
.journey-zoom-canvas{min-height:0;overflow:auto;scrollbar-color:#555 transparent}
.journey-zoom-canvas>.journey-svg{width:100%;min-width:960px}
body.journey-open{overflow:hidden}
@media(max-width:760px){.case-study>.case-cover{border-radius:12px}.journey-stage{border-radius:16px;padding:4px 4px 40px}.journey-stage>.journey-svg-wide{display:none}.journey-svg-tall{display:block}.journey-expand{bottom:12px;right:12px}.case-user-journey figcaption{font-size:13px;padding-inline:0}.journey-dialog{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:16px;border-radius:16px}.journey-dialog h2{font-size:18px;line-height:25px}.journey-dialog>header{gap:16px}.case-skill-tags{gap:6px}}
@media(prefers-reduced-motion:reduce){.journey-expand,.journey-close{transition:none}}

/* Keep the case header, cover and story on the same reading axis. */
body.case-active #case-page {
  width: calc((100% - 2 * var(--page-inset)) * 2 / 3);
  max-width: 1060px;
  margin-inline: auto;
}

.case-study > .case-cover {
  width: 100%;
  margin-inline: 0;
}

.case-project-facts > .case-fact-skills:last-child {
  flex: 0 1 100%;
}

.case-skill-tags li {
  max-width: 100%;
  overflow-wrap: anywhere;
}

@media (max-width: 760px) {
  body.case-active #case-page {
    width: calc(100% - 2 * var(--page-inset));
  }
}

.case-outcome-lead {
  max-width: 680px;
  color: #c3c3c3;
  font-size: 17px;
  line-height: 1.55;
}

.case-media-placeholder small {
  display: block;
  margin-top: 8px;
  font-size: 13px;
  font-weight: 400;
  line-height: 1.4;
}

.case-media-preview:has(.case-media-placeholder small) {
  min-height: 180px;
}

.case-media-preview.case-media-artifact {
  aspect-ratio: auto;
}

.case-media-preview.case-media-artifact img {
  height: auto;
}

/* Preserve the original Figma cover proportions in both languages. */
.case-card-preview[src^="/assets/case-covers/"]{aspect-ratio:1606/884;object-fit:contain}

.workplace-mark{object-fit:contain;background:transparent}

/* Back Office: readable process illustrations beside original evidence. */
.case-media-preview:has(.bo-diagram){aspect-ratio:auto;background:#171717}
.bo-diagram{padding:clamp(24px,4vw,56px);width:100%;box-sizing:border-box}
.bo-diagram h4{font:600 clamp(22px,2.4vw,32px)/1.2 var(--font-sans);letter-spacing:-.025em;margin:0 0 40px;color:#fff}
.bo-diagram-flow{display:flex;align-items:center;gap:12px}
.bo-diagram-step{flex:1;min-width:0;align-self:stretch;border-top:1px solid #454545;padding-top:18px}
.bo-step-number{display:block;font-size:13px;color:#86aff2;margin-bottom:28px}
.bo-diagram-step strong{display:block;color:#fff;font-size:18px;line-height:1.35;font-weight:500}
.bo-diagram-step p{font-size:14px;line-height:1.5;color:#b0b0b0;margin-top:8px}
.bo-arrow{flex:none;width:32px;height:24px;color:#86aff2}
.bo-diagram-footer{font-size:15px;line-height:1.5;color:#ddd;margin-top:36px}
.bo-diagram-note{font-size:12px;line-height:1.5;color:#a5a5a5;margin-top:8px}
@media(max-width:760px){.bo-diagram-flow{flex-direction:column;align-items:stretch;gap:12px}.bo-diagram-step{width:100%;display:grid;grid-template-columns:28px 1fr;column-gap:16px;padding-top:14px}.bo-step-number{grid-row:1/3;margin:3px 0 0}.bo-diagram-step p{grid-column:2;margin:4px 0 0}.bo-arrow{transform:rotate(90deg);align-self:center}.bo-diagram h4{margin-bottom:24px}.bo-diagram-footer{margin-top:24px}}

/* iLobby Emergency App */
.emergency-case .emergency-flow,
.emergency-case > .emergency-hero {
  width: min(1200px, calc(100vw - 2 * var(--page-inset)));
  max-width: none;
  margin-inline: calc((100% - min(1200px, calc(100vw - 2 * var(--page-inset)))) / 2);
}
.emergency-case > .emergency-hero {
  display: grid;
  place-items: center;
  padding: clamp(32px, 5vw, 76px) 24px;
  background: radial-gradient(ellipse at 50% 75%, #29231f, #141414 66%);
}
.emergency-hero .emergency-phone { width: min(100%, 294px); }
.emergency-flow {
  display: grid;
  grid-template-columns: repeat(4, minmax(0, 1fr));
  gap: clamp(12px, 2vw, 28px);
  margin-block: 12px 0;
  padding: clamp(18px, 3.6vw, 44px);
  list-style: none;
  background: #f0efed;
  border-radius: 20px;
  color: #353637;
}
.emergency-flow-3 {
  grid-template-columns: repeat(3, minmax(0, 285px));
  justify-content: center;
}
.emergency-flow figure { margin: 0; }
.emergency-flow figcaption {
  text-align: center;
  margin-top: 14px;
  font-size: 14px;
  line-height: 1.45;
  text-wrap: balance;
}
.emergency-phone {
  position: relative;
  container-type: inline-size;
  padding: clamp(2px, .24vw, 4px);
  border-radius: 14% / 6.6%;
  background: linear-gradient(110deg, #944726, #f0a46b 8%, #ac5830 15%, #4b2820 50%, #a34f2a 77%, #f2a470 94%, #8d4528);
  box-shadow: 0 11px 26px #0003, inset 0 0 0 1px #ffba8670;
}
.emergency-screen {
  position: relative;
  padding: 2.35%;
  overflow: hidden;
  background: #0c0b0b;
  border-radius: 13% / 6.2%;
}
.emergency-screen img {
  display: block;
  width: 100%;
  aspect-ratio: 375 / 812;
  object-fit: fill;
  border-radius: 11% / 5.1%;
  background: #fff;
}
.emergency-screen::after {
  content: '';
  position: absolute;
  top: 2.3%;
  left: 50%;
  width: 26%;
  height: 2.65%;
  transform: translateX(-50%);
  border-radius: 999px;
  background: radial-gradient(circle at 85% 50%, #232940 0, #11141c 6%, #080808 10%);
}
@media (max-width: 760px) {
  .emergency-flow,
  .emergency-flow-3 { grid-template-columns: repeat(2, minmax(0, 1fr)); }
  .emergency-flow figcaption { font-size: 12px; margin-top: 10px; }
}

.emergency-case .case-media-emergency-comparison {
  width: min(1100px, calc(100vw - 2 * var(--page-inset)));
  max-width: none;
  margin-inline: calc((100% - min(1100px, calc(100vw - 2 * var(--page-inset)))) / 2);
}
.emergency-case .case-media-emergency-comparison {
  grid-template-columns: repeat(2, minmax(0, 290px));
  justify-content: center;
  padding: clamp(18px, 4vw, 48px);
  background: #eae9e7;
  border-radius: 20px;
}
.case-media-emergency-comparison .case-media-original-phone {
  aspect-ratio: auto;
  background: transparent;
  overflow: visible;
}
.case-media-emergency-comparison img { height: auto; }
.case-media-emergency-comparison figcaption {
  color: #414244;
  text-align: center;
}
.case-media-emergency-comparison figcaption strong { color: #181818; }
.emergency-flow-2 {
  grid-template-columns: repeat(2, minmax(0, 285px));
  justify-content: center;
}
@media (max-width: 760px) {
  .emergency-case .case-media-emergency-comparison {
    gap: 12px;
    padding: 16px;
  }
}

.case-media-emergency-comparison img[src$="before-list.png"] { clip-path: polygon(13.94% 0.11%, 12.79% 0.23%, 11.18% 0.46%, 10.02% 0.68%, 8.18% 1.14%, 6.57% 1.71%, 5.18% 2.39%, 3.69% 3.30%, 2.65% 4.33%, 1.84% 5.58%, 1.15% 6.83%, 1.15% 8.25%, 0.92% 9.68%, 0.92% 13.09%, 0.92% 49.97%, 0.92% 86.85%, 0.92% 90.27%, 1.15% 91.69%, 1.38% 93.11%, 1.84% 94.37%, 2.65% 95.62%, 3.80% 96.64%, 5.30% 97.55%, 6.91% 98.24%, 8.64% 98.80%, 10.48% 99.26%, 11.52% 99.49%, 13.36% 99.72%, 14.63% 99.83%, 85.60% 99.83%, 86.87% 99.72%, 88.59% 99.49%, 89.63% 99.26%, 91.47% 98.80%, 93.32% 98.24%, 94.82% 97.55%, 96.43% 96.64%, 97.58% 95.62%, 98.50% 94.37%, 98.96% 93.11%, 99.19% 91.69%, 99.19% 90.27%, 99.19% 86.85%, 99.19% 49.97%, 99.19% 13.09%, 99.19% 9.68%, 99.19% 8.25%, 98.96% 6.83%, 98.50% 5.58%, 97.58% 4.33%, 96.43% 3.30%, 95.05% 2.39%, 93.55% 1.71%, 91.94% 1.14%, 90.09% 0.68%, 88.94% 0.46%, 87.33% 0.23%, 86.18% 0.11%); }
.case-media-emergency-comparison img[src$="after-list.png"] { clip-path: polygon(13.94% 0.11%, 12.79% 0.23%, 11.18% 0.46%, 10.02% 0.68%, 8.18% 1.14%, 6.57% 1.71%, 5.18% 2.39%, 3.69% 3.30%, 2.65% 4.33%, 1.84% 5.58%, 1.15% 6.83%, 1.15% 8.26%, 0.92% 9.68%, 0.92% 13.10%, 0.92% 50.00%, 0.92% 86.85%, 0.92% 90.26%, 1.15% 91.69%, 1.15% 93.11%, 1.84% 94.36%, 2.65% 95.62%, 3.69% 96.64%, 5.18% 97.55%, 6.57% 98.23%, 8.18% 98.80%, 10.02% 99.26%, 11.18% 99.49%, 12.90% 99.72%, 14.06% 99.83%, 86.06% 99.83%, 87.33% 99.72%, 88.94% 99.49%, 90.09% 99.26%, 91.94% 98.80%, 93.55% 98.23%, 94.93% 97.55%, 96.43% 96.64%, 97.58% 95.62%, 98.50% 94.36%, 98.96% 93.11%, 99.19% 91.69%, 99.19% 90.26%, 99.19% 86.85%, 99.19% 50.00%, 99.19% 13.10%, 99.19% 9.68%, 99.19% 8.26%, 98.96% 6.83%, 98.50% 5.58%, 97.58% 4.33%, 96.43% 3.30%, 94.93% 2.39%, 93.55% 1.71%, 91.94% 1.14%, 90.09% 0.68%, 88.94% 0.46%, 87.33% 0.23%, 86.18% 0.11%); }

.emergency-research {
  margin-block-start: 10px;
  border: 1px solid #ffffff20;
  border-radius: 16px;
  background: #171717;
}
.emergency-research table {
  width: 100%;
  border-collapse: collapse;
  font-size: 14px;
  line-height: 1.55;
  text-align: left;
}
.emergency-research caption {
  padding: 24px 24px 14px;
  color: #f4f4f4;
  font-size: 16px;
  font-weight: 600;
  text-align: left;
}
.emergency-research th,
.emergency-research td {
  padding: 16px 24px;
  vertical-align: top;
}
.emergency-research thead th {
  padding-block: 8px 12px;
  color: #a8a8a8;
  font-size: 13px;
  font-weight: 500;
}
.emergency-research tbody tr { border-top: 1px solid #ffffff1c; }
.emergency-research tbody th { width: 24%; color: #fff; font-weight: 550; }
.emergency-research td { color: #c5c5c5; }
.emergency-research td:last-child { color: #e2ebff; width: 38%; }
.research-mobile-label { display: none; }

.emergency-showcase {
  --showcase-width: min(1160px, calc(100vw - 2 * var(--page-inset)));
  width: var(--showcase-width);
  margin-inline: calc((100% - var(--showcase-width)) / 2);
  display: grid;
  grid-template-columns: 1.12fr .88fr;
  gap: 24px;
}
.emergency-specimen { display: grid; grid-template-rows: 1fr auto; margin: 0; min-width: 0; }
.emergency-specimen-people { grid-column: 1 / -1; }
.emergency-specimen-stage {
  display: grid;
  place-items: center;
  min-height: 400px;
  padding: clamp(28px, 5vw, 68px);
  border-radius: 18px;
  background: #e7e9f2;
}
.emergency-specimen-people .emergency-specimen-stage {
  min-height: 0;
  background: #eae9e7;
}
.emergency-person-stack {
  display: grid;
  gap: 12px;
  width: min(100%, 490px);
}
.emergency-specimen-stage img {
  display: block;
  width: min(100%, 290px);
  height: auto;
  border-radius: 14px;
  background: #fff;

}
.emergency-person-stack img { width: 100%; }
.emergency-specimen-review .emergency-specimen-stage {
  background: #dfe5f0;
}
.emergency-specimen figcaption {
  padding: 12px 0 0;
  color: #c3c3c3;
  font-size: 14px;
  line-height: 1.5;
}
@media (max-width: 620px) {
  .emergency-research thead {
    position: absolute;
    clip-path: inset(50%);
    width: 1px;
    height: 1px;
    overflow: hidden;
  }
  .emergency-research tbody tr { display: grid; padding: 18px; gap: 10px; }
  .emergency-research tbody th, .emergency-research td, .emergency-research td:last-child { width: auto; padding: 0; }
  .emergency-research caption { padding: 18px; }
  .research-mobile-label { display: block; font-size: 12px; color: #a8a8a8; }
  .emergency-showcase { grid-template-columns: minmax(0,1fr); gap: 18px; }
  .emergency-specimen-stage { min-height: 0; }
}

.concepts-page { width: min(1160px, calc(100% - 2 * var(--page-inset))); padding: 64px 0 100px; }
.concept-grid { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 18px; }
.concept-tile { display: block; min-width: 0; overflow: hidden; border-radius: 16px; background: #171717; }
.concept-tile:nth-child(8n + 1), .concept-tile:nth-child(8n + 6) { grid-column: span 2; }
.concept-tile img { display: block; width: 100%; height: 100%; min-height: 0; aspect-ratio: 4/3; object-fit: cover; }
.concept-tile:nth-child(8n + 1) img, .concept-tile:nth-child(8n + 6) img { aspect-ratio: 2/1; }

.featured-workspace { display: grid; grid-template-columns: 1fr 1.25fr; min-height: 330px; border: 1px solid #ffffff1f; border-radius: 24px; background: #171717; overflow: hidden; margin-top: 26px; }
.workspace-copy { align-self: center; padding: clamp(24px,4vw,44px); }
.workspace-copy h2 { font-size: clamp(24px,3vw,36px); letter-spacing: -.035em; }
.workspace-copy p { margin: 14px 0 24px; color: #c3c3c3; line-height: 1.6; }
.workspace-copy small { display: block; margin-top: 10px; color: #aaa; }
.workspace-illustration { display: grid; align-content: center; gap: 22px; padding: clamp(25px,5vw,56px); color: #e7eee8; background: #182822; }
.workspace-art-heading { display: flex; flex-wrap: wrap; gap: 10px; align-items: baseline; }
.workspace-art-heading strong { font-size: clamp(38px,7vw,74px); letter-spacing: -.06em; line-height: .94; }
.workspace-art-heading span { font-size: 15px; color: #a9c2b6; }
.workspace-art-content { display: grid; grid-template-columns: 1.05fr 1fr; gap: 10px; }
.workspace-art-content > div { display: grid; align-content: start; gap: 10px; min-width: 0; padding: 14px; background: #ffffff0d; border: 1px solid #ffffff17; border-radius: 10px; }
.workspace-art-content > div:first-child { grid-row: span 2; }
.workspace-art-content b { font-weight: 500; font-size: 13px; }
.workspace-art-content i { display: block; height: 20px; background: #91dfb1; border-radius: 5px; }
.workspace-art-content > div:first-child i:nth-of-type(2) { width: 70%; background: #ffffff2b; }
.workspace-swatches,.workspace-version { display: flex; gap: 6px; }
.workspace-swatches i { width: 20px; }
.workspace-swatches i:nth-child(2) { background: #dbe8d8; }
.workspace-swatches i:nth-child(3) { background: #688878; }
.workspace-version i { height: 6px; flex: 1; background: #ffffff33; }
.workspace-version i:first-child { background: #91dfb1; }

/* iLobby Outcome follows the four-column grid and two closing elements in Figma. */
.emergency-case .case-section-result { gap: 32px; }
.emergency-case .case-section-result .case-section-title { margin-inline: auto; text-align: center; }
.emergency-outcome { width: min(901px, 100%); margin-inline: auto; font-family: var(--font-story); }
.outcome-intro { margin-bottom: 32px; text-align: center; font-size: clamp(17px, 3vw, 28px); line-height: 1.43; color: #d0d0d0; }
.outcome-grid {
  display: grid;
  grid-template-areas: "features small evacuation interviews" "loading loading evacuation drills" "lives lives lives lives";
  grid-template-columns: repeat(4,minmax(0,1fr));
  grid-template-rows: minmax(120px,auto) minmax(151px,auto) minmax(162px,auto);
  gap: 12px;
}
.outcome-card {
  position: relative;
  display: flex;
  flex-direction: column-reverse;
  justify-content: space-between;
  gap: 12px;
  min-width: 0;
  padding: 20px 24px;
  border-radius: 16px;
  background: #1b1b1b;
}
.outcome-card dt { color: #aaa; font-size: clamp(15px, 2vw, 20px); line-height: 1.25; }
.outcome-card dd {
  display: flex;
  flex-wrap: wrap;
  align-items: center;
  gap: 10px 20px;
  font-size: clamp(34px, 6vw, 60px);
  line-height: .9;
  font-weight: 600;
  letter-spacing: -.045em;
  font-variant-numeric: tabular-nums;
  color: #f4f4f4;
}
.outcome-accent dd { color: #8298ff; }
.outcome-features { grid-area: features; }
.outcome-small { grid-area: small; }
.outcome-evacuation { grid-area: evacuation; }
.outcome-interviews { grid-area: interviews; }
.outcome-loading { grid-area: loading; }
.outcome-drills { grid-area: drills; }
.outcome-lives { grid-area: lives; padding: 28px 32px; }
.outcome-lives dd { padding-inline-end: 70px; }
.outcome-delta {
  width: max-content;
  border-radius: 9px;
  padding: 7px 8px;
  background: #18382b;
  color: #9de8bf;
  font: 500 clamp(12px, 1.6vw, 16px)/18px var(--font-story);
  letter-spacing: normal;
}
.outcome-icon { position: absolute; inset: 20px 24px auto auto; width: 45px; height: 45px; object-fit: contain; }
.outcome-lives .outcome-icon { width: 60px; height: 60px; }
.outcome-ending { text-align: center; padding-top: clamp(38px, 7vw, 90px); font-size: clamp(16px, 2vw, 20px); line-height: 1.25; }
.outcome-ending p + p { margin-top: 6px; color: #aaa; }
.outcome-ending button {
  display: inline-flex;
  align-items: center;
  gap: 16px;
  margin-top: clamp(36px, 7vw, 90px);
  padding: 20px 38px;
  border-radius: 42px;
  background: #f68318;
  color: #19110a;
  font-weight: 600;
}
.outcome-ending button:hover { background: #ff9a41; }
@media (max-width: 740px) {
  .outcome-grid {
    grid-template-areas: "features small" "evacuation interviews" "evacuation drills" "loading loading" "lives lives";
    grid-template-columns: repeat(2,minmax(0,1fr));
    grid-template-rows: none;
    grid-auto-rows: minmax(105px,auto);
  }
  .outcome-card,.outcome-lives { padding: 16px; }
  .outcome-icon { inset: 13px 12px auto auto; width: 30px; height: 30px; }
  .outcome-lives .outcome-icon { width: 42px; height: 42px; }
  .outcome-lives dd { padding-inline-end: 48px; }
}
@media (max-width: 760px) {
  .concept-grid { grid-template-columns: repeat(2,minmax(0,1fr)); gap: 12px; }
  .featured-workspace { grid-template-columns: 1fr; }
  .workspace-illustration { grid-row: 1; }
}