/* Project-detail views only. No selectors modify the approved homepage. */
#detailDialog.case-study{width:min(1800px,calc(100vw - 24px));height:calc(100svh - 24px);max-height:calc(100svh - 24px);border-radius:16px;background:#fff;scrollbar-gutter:stable;overflow-y:auto;overflow-x:hidden;scroll-behavior:smooth}
#detailDialog.case-study>.dialog-close{display:none}#detailDialog.case-study>.dialog-content{padding:0}.case-study .cs-page{--cs-accent:#e3efff;--cs-tone:#526478;--cs-pad:clamp(22px,4vw,72px);color:var(--ink);overflow:clip}
.case-study .cs-topbar{position:sticky;top:0;z-index:40;min-height:70px;background:#ffffffed;backdrop-filter:blur(18px);display:flex;justify-content:space-between;align-items:center;padding:14px clamp(18px,2.5vw,40px);gap:18px;border-bottom:1px solid #e9e9e0}.case-study .cs-brand{font-size:22px;font-weight:700;letter-spacing:-.06em;color:var(--pink)}.case-study .cs-crumb{font-size:12px;letter-spacing:.01em;color:#717568;margin-left:auto}.case-study .cs-close{display:inline-flex;align-items:center;justify-content:center;gap:18px;background:#f7f8f3;border:1px solid #d9dccf;border-radius:99px;min-height:42px;padding:10px 18px;font-size:13px}.case-study .cs-close b{font-size:20px;font-weight:400}.case-study .cs-close:hover{background:var(--lime)}
.case-study .cs-cover{margin:18px auto 0;width:calc(100% - 36px);height:min(70svh,800px);min-height:470px;pointer-events:none;border-radius:10px}.case-study .cs-cover .project-copy{font-size:clamp(30px,3.8vw,70px)}.case-study .cs-cover .project-tag{font-size:11px}.case-study .cs-cover:hover .project-art{transform:none}.case-study .cs-cover .project-arrow{display:none}.case-study .cs-cover .project-art{transform:none}.case-study .cs-section{padding:clamp(60px,7vw,110px) var(--cs-pad)}
.case-study .cs-meta{display:grid;grid-template-columns:1fr 1fr 1.5fr;gap:30px;border-bottom:1px solid #dedfd7;padding-bottom:32px;margin-bottom:55px}.case-study .cs-meta dt,.case-study .cs-label{font-size:11px;font-weight:600;letter-spacing:.08em;line-height:1.4;text-transform:uppercase;color:#717568}.case-study .cs-meta dd{margin:10px 0 0;font-size:16px;line-height:1.4}.case-study .cs-meta dl{margin:0}.case-study .cs-overview{display:grid;grid-template-columns:1fr 1fr;gap:9%}.case-study .cs-overview h2,.case-study .cs-chapter h2{font-size:clamp(40px,4.8vw,82px);line-height:1;letter-spacing:-.065em;font-weight:600;max-width:12ch}.case-study .cs-overview p{font-size:clamp(18px,1.65vw,25px);line-height:1.46;letter-spacing:-.025em}.case-study .cs-overview p+p{margin-top:20px}.case-study .cs-scope{display:flex;flex-wrap:wrap;gap:8px;margin-top:26px}.case-study .cs-scope span{border:1px solid #dedfd7;padding:8px 12px;border-radius:99px;font-size:11px}.case-study .cs-label{display:block;margin-bottom:20px}
.case-study .cs-showcase{background:var(--cs-accent);padding:clamp(28px,4vw,65px);margin:0 18px;border-radius:10px}.case-study .cs-showcase-head{display:flex;align-items:center;justify-content:space-between;gap:24px;margin-bottom:28px;font-size:12px;color:var(--cs-tone)}.case-study .cs-showcase-head b{font-size:14px;letter-spacing:-.02em;color:var(--ink)}.case-study .cs-ui{background:#fff;border-radius:12px;overflow:hidden;box-shadow:0 26px 60px #5e6a7a16}.case-study .cs-ui-nav{display:flex;align-items:center;justify-content:space-between;padding:24px 30px;border-bottom:1px solid #ededdf;gap:20px}.case-study .cs-ui-logo{font-size:29px;font-weight:700;line-height:1;letter-spacing:-.065em}.case-study .cs-ui-nav>span{font-size:12px;color:#67715e}.case-study .cs-ui-action,.case-study .cs-tab{background:none;padding:10px 0;font-size:13px;border-bottom:2px solid transparent}.case-study .cs-ui-action:hover{border-color:currentColor}.case-study .cs-tabs{display:flex;gap:22px}.case-study .cs-tab[aria-selected=true]{border-color:currentColor;font-weight:700}.case-study .cs-tab:hover{color:#7c8348}.case-study .cs-tabs-panel[hidden]{display:none!important}.case-study .cs-solid{min-height:48px;padding:14px 22px;border-radius:99px;display:inline-flex;justify-content:space-between;align-items:center;gap:25px;background:var(--lime);font-size:14px;font-weight:600;transition:filter .2s}.case-study .cs-solid:hover{filter:brightness(.96)}.case-study .cs-help{font-size:11px;line-height:1.5;color:#758070;margin:18px 0 0}.case-study .cs-live{font-size:13px;line-height:1.5;color:#566143;min-height:21px;margin-top:14px}
.case-study .cs-chapter{display:grid;grid-template-columns:1fr 1fr;gap:9%;padding-top:clamp(70px,8vw,125px);padding-bottom:clamp(70px,8vw,125px)}.case-study .cs-points{display:grid;gap:25px}.case-study .cs-point{border-top:1px solid #d9dece;padding-top:20px;display:grid;grid-template-columns:28px 1fr;gap:16px}.case-study .cs-point>span{font-size:11px;color:var(--cs-tone);padding-top:4px}.case-study .cs-point h3{font-size:23px;font-weight:600;letter-spacing:-.045em;line-height:1.08;margin-bottom:9px}.case-study .cs-point p{font-size:16px;line-height:1.5;color:#6c7263;max-width:45ch}
.case-study .cs-gallery{display:grid;grid-template-columns:1fr 1fr;gap:16px;padding:0 var(--cs-pad)}.case-study .cs-gallery figure{margin:0;min-width:0}.case-study .cs-gallery img{height:clamp(280px,34vw,550px);border-radius:10px;object-fit:cover;background:var(--cs-accent)}.case-study .cs-gallery figcaption{font-size:12px;color:#747967;padding-top:13px;line-height:1.4}.case-study .cs-gallery .cs-note-panel{border-radius:10px;min-height:clamp(280px,34vw,550px);background:var(--cs-accent);display:flex;flex-direction:column;justify-content:space-between;padding:clamp(25px,4vw,60px);position:relative;overflow:hidden}.case-study .cs-note-panel strong{font-size:clamp(40px,5.6vw,96px);line-height:.96;letter-spacing:-.065em;font-weight:600;position:relative;max-width:9ch}.case-study .cs-note-panel small{font-size:11px;letter-spacing:.07em;text-transform:uppercase}.case-study .cs-note-panel>span{font-size:14px;line-height:1.5;max-width:31ch;margin-top:25px}.case-study .cs-note-panel em{font-family:Georgia,serif;font-weight:400;color:var(--cs-tone)}
.case-study .cs-ending{margin:clamp(70px,8vw,125px) var(--cs-pad) 0;border-top:1px solid #dadfcd;padding:45px 0;display:flex;align-items:center;justify-content:space-between;gap:35px}.case-study .cs-ending h2{font-size:clamp(35px,4vw,64px);line-height:1.04;font-weight:600;letter-spacing:-.06em;max-width:14ch}.case-study .cs-ending button{flex:none}.case-study .cs-status-note{font-size:11px;line-height:1.5;color:#767d6a;margin:0 var(--cs-pad) 50px;padding-top:18px;border-top:1px solid #e8eadf}.case-study .cs-next{background:var(--cs-accent);border-top:1px solid #ffffff66;display:grid;grid-template-columns:1fr auto;text-align:left;align-items:center;gap:28px;width:100%;padding:40px var(--cs-pad);transition:filter .3s}.case-study .cs-next:hover{filter:brightness(.98)}.case-study .cs-next small{display:block;font-size:11px;letter-spacing:.08em;text-transform:uppercase;margin-bottom:12px}.case-study .cs-next strong{font-size:clamp(35px,4.6vw,76px);font-weight:600;letter-spacing:-.065em;line-height:1}.case-study .cs-next>span:last-child{font-size:50px;font-weight:400}
/* Vela — a product-to-bag flow, using the product already shown on its thumbnail. */
.case-study .cs-product{display:grid;grid-template-columns:1.1fr 1fr;gap:0}.case-study .cs-product-photo{background:#ffd923;position:relative;min-height:520px}.case-study .cs-product-photo img{position:absolute;inset:0;object-fit:cover}.case-study .cs-product-photo>span{position:absolute;bottom:26px;left:26px;background:#fffbe4d9;padding:8px 14px;border-radius:99px;font-size:11px;letter-spacing:.06em}.case-study .cs-product-info{padding:clamp(24px,4vw,65px);align-self:center;display:grid;gap:23px}.case-study .cs-product-info h3{font-size:clamp(42px,4.2vw,70px);letter-spacing:-.067em;line-height:.95;font-weight:600}.case-study .cs-product-info>p{font-size:15px;color:#687060;line-height:1.6;max-width:34ch}.case-study .cs-product-price{font-size:21px;font-weight:600}.case-study .cs-spec{display:flex;align-items:center;justify-content:space-between;gap:16px;border-top:1px solid #e6e7db;padding-top:18px;font-size:13px}.case-study .cs-swatch{display:inline-block;vertical-align:middle;width:18px;height:18px;margin-right:8px;border-radius:50%;background:#e9bc31;box-shadow:0 0 0 3px #fff,0 0 0 4px #d8daca}.case-study .cs-quantity{display:inline-flex;border:1px solid #dedfd4;border-radius:99px;align-items:center;overflow:hidden}.case-study .cs-quantity button{width:38px;height:38px;font-size:20px;background:none}.case-study .cs-quantity button:disabled{opacity:.4}.case-study .cs-quantity output{min-width:30px;text-align:center;font-size:13px}.case-study .cs-bag{background:#f7f9ed;padding:16px 18px;border:1px solid #e4e8d5;border-radius:10px}.case-study .cs-bag[hidden]{display:none}.case-study .cs-bag>div{display:flex;justify-content:space-between;gap:16px;font-size:13px;line-height:1.5}.case-study .cs-bag>p{font-size:11px;color:#737967;line-height:1.5;margin-top:10px}
/* Forma — an architectural editorial, not a generic agency template. */
.case-study .cs-forma .cs-ui-logo{font-size:19px;font-weight:400;letter-spacing:.22em;color:#5e5b4b}.case-study .cs-forma-spread{display:grid;grid-template-columns:1fr 1.05fr;min-height:600px;background:#fcfbf8}.case-study .cs-forma-copy{padding:clamp(26px,4.5vw,72px);display:flex;flex-direction:column;justify-content:center;align-items:start}.case-study .cs-forma-copy h3{font:400 clamp(48px,6.5vw,104px)/.94 Georgia,serif;letter-spacing:-.065em;color:#636253;margin:25px 0 28px}.case-study .cs-forma-copy p{font-size:15px;line-height:1.6;max-width:32ch;color:#727664}.case-study .cs-forma-copy a{font-size:13px;border-bottom:1px solid #a4aa92;padding-bottom:5px;margin-top:40px}.case-study .cs-forma-figure{margin:0;position:relative;overflow:hidden}.case-study .cs-forma-figure img{height:100%;min-height:600px;position:absolute;inset:0;filter:saturate(.62)}.case-study .cs-forma-figure figcaption{position:absolute;bottom:20px;left:20px;right:20px;background:#ffffffe6;padding:15px 20px;font-size:12px;color:#5f695a;display:flex;justify-content:space-between}.case-study .cs-forma-foot{padding:22px 30px;display:flex;justify-content:space-between;gap:16px;font-size:11px;letter-spacing:.05em;text-transform:uppercase;color:#7b7d6b}.case-study .cs-local-link{padding:0;background:none;text-decoration:underline;text-underline-offset:5px;font-size:13px}
/* Nexa — distinct application screens with actual in-page view switching. */
.case-study .cs-dashboard{display:grid;grid-template-columns:190px 1fr;min-height:640px;background:#fff;color:#444f43}.case-study .cs-app-sidebar{background:#f3f1f9;padding:32px 22px;display:flex;flex-direction:column;gap:32px}.case-study .cs-app-sidebar .cs-ui-logo{font-size:32px}.case-study .cs-app-tabs{display:grid;gap:8px}.case-study .cs-app-tabs .cs-tab{padding:13px 15px;border:0;border-radius:8px;text-align:left}.case-study .cs-app-tabs .cs-tab[aria-selected=true]{background:#fff;box-shadow:0 2px 8px #5b507210}.case-study .cs-app-sidebar small{font-size:10px;color:#7f7f8d;margin-top:auto;line-height:1.5}.case-study .cs-app-main{padding:clamp(22px,3.5vw,55px);min-width:0}.case-study .cs-app-top{display:flex;justify-content:space-between;align-items:center;gap:22px;margin-bottom:30px}.case-study .cs-app-top h3{font-size:clamp(24px,2.6vw,42px);line-height:1;letter-spacing:-.055em;font-weight:600}.case-study .cs-app-top>span{width:34px;height:34px;border-radius:50%;background:#e8efc6;font-size:11px;display:grid;place-items:center;flex:none}.case-study .cs-metrics{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.case-study .cs-metric{background:#f5f6ed;border:1px solid #e6e8da;border-radius:10px;padding:22px}.case-study .cs-metric b{display:block;font-size:38px;font-weight:600;letter-spacing:-.06em;margin-bottom:8px}.case-study .cs-metric span{font-size:11px;color:#6a745d}.case-study .cs-chart-box{margin-top:20px;border:1px solid #e9e6f0;background:#fcfbff;border-radius:10px;padding:24px}.case-study .cs-chart-head{display:flex;justify-content:space-between;font-size:12px;color:#6c667d;gap:16px}.case-study .cs-bars{height:150px;display:flex;align-items:end;gap:5%;margin:28px 0 12px;border-bottom:1px solid #e5e1ee}.case-study .cs-bars i{flex:1;background:#d3caed;border-radius:5px 5px 0 0;min-height:20px}.case-study .cs-bars i:nth-child(3n){background:var(--lime)}.case-study .cs-chart-axis{display:flex;justify-content:space-between;color:#878592;font-size:10px}.case-study .cs-workflow-list{display:grid;gap:14px}.case-study .cs-workflow-row{padding:20px;background:#f9faf5;border:1px solid #e7e9dc;border-radius:10px;display:flex;align-items:center;justify-content:space-between;gap:18px}.case-study .cs-workflow-row strong{font-size:15px;letter-spacing:-.02em}.case-study .cs-workflow-row small{font-size:11px;display:block;margin-top:6px;color:#7d826f}.case-study .cs-state{padding:7px 10px;border-radius:20px;background:#e7eccd;font-size:10px;white-space:nowrap}.case-study .cs-state.review{background:#ede5f9}.case-study .cs-team-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:16px}.case-study .cs-team-card{padding:25px;border:1px solid #e6e8da;border-radius:10px;background:#fbfbf6}.case-study .cs-team-card>span{display:grid;place-items:center;width:40px;height:40px;border-radius:50%;background:#e6def8;margin-bottom:20px;font-size:11px}.case-study .cs-team-card h4{margin:0 0 8px;font-size:17px;letter-spacing:-.03em}.case-study .cs-team-card p{font-size:12px;color:#7b806e;line-height:1.5}.case-study .cs-app-bottom{padding:18px;margin-top:24px;background:#f7f8ef;font-size:11px;display:flex;justify-content:space-between;gap:16px;border-radius:8px}
/* Grove — campaign art direction, consistent with its editorial thumbnail. */
.case-study .cs-grove .cs-ui-logo{font:400 34px/1 Georgia,serif;letter-spacing:-.065em;color:#657346}.case-study .cs-campaign{padding:36px;display:grid;grid-template-columns:1fr .7fr;gap:5%;background:#f9f9f1;align-items:center}.case-study .cs-poster{background:#e9eedf;min-height:610px;position:relative;padding:36px;color:#596b41;overflow:hidden;display:flex;flex-direction:column;align-items:start}.case-study .cs-poster img{position:absolute;inset:0;object-fit:cover;opacity:.8}.case-study .cs-poster:after{content:"";position:absolute;inset:0;background:linear-gradient(0deg,#edf1e2 3%,#edf1e282 43%,#edf1e200 70%)}.case-study .cs-poster>strong{position:relative;z-index:1;font:400 37px/1 Georgia,serif;letter-spacing:-.06em}.case-study .cs-poster h3{position:relative;z-index:1;font:400 clamp(40px,4.8vw,80px)/.95 Georgia,serif;letter-spacing:-.065em;margin-top:auto;max-width:9ch;padding-top:200px}.case-study .cs-poster>small{position:relative;z-index:1;font-size:9px;letter-spacing:.12em;margin-top:22px}.case-study .cs-campaign-copy{padding:20px 0}.case-study .cs-campaign-copy h3{font:400 clamp(32px,4vw,56px)/1 Georgia,serif;letter-spacing:-.05em;color:#607048;margin:20px 0}.case-study .cs-campaign-copy>p{font-size:15px;line-height:1.55;color:#6f795f}.case-study .cs-campaign-tags{display:flex;flex-wrap:wrap;gap:8px;margin-top:25px}.case-study .cs-campaign-tags span{font-size:10px;border:1px solid #d9e0c9;border-radius:99px;padding:7px 11px}.case-study .cs-mini-calendar{margin-top:38px;border-top:1px solid #dce2cf;padding-top:20px}.case-study .cs-mini-calendar p{font-size:12px;display:flex;justify-content:space-between;padding:12px 0;border-bottom:1px solid #e4e8da}.case-study .cs-mini-calendar b{font-weight:500;color:#758064}
/* Relay — discovery and community participation, no external destination. */
.case-study .cs-relay .cs-ui-logo{font-size:31px;letter-spacing:-.075em}.case-study .cs-community{display:grid;grid-template-columns:1.35fr .75fr;background:#fffaf7;min-height:630px}.case-study .cs-discovery{padding:clamp(24px,3vw,46px);min-width:0}.case-study .cs-discovery h3{font-size:clamp(35px,3.8vw,60px);font-weight:600;letter-spacing:-.07em;line-height:.97;max-width:10ch;margin-bottom:30px}.case-study .cs-circles{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:22px}.case-study .cs-circle-card{border:1px solid #efded4;border-radius:12px;overflow:hidden;background:#fff;display:flex;flex-direction:column}.case-study .cs-circle-card img{height:135px;object-fit:cover}.case-study .cs-circle-card>div{padding:20px;flex:1}.case-study .cs-circle-card h4{font-size:19px;letter-spacing:-.045em;margin:0 0 8px;font-weight:600}.case-study .cs-circle-card p{font-size:12px;line-height:1.5;color:#7c7567;margin-bottom:17px}.case-study .cs-join{font-size:12px;background:#eef0c8;border-radius:99px;padding:10px 14px;min-height:38px;width:100%;display:flex;justify-content:space-between;gap:14px}.case-study .cs-join[aria-pressed=true]{background:#eee7de}.case-study .cs-conversation{border-left:1px solid #efdcd2;background:#fff3ec;padding:34px 24px;display:flex;flex-direction:column}.case-study .cs-conversation>h4{font-size:21px;line-height:1;margin:0 0 25px;letter-spacing:-.04em}.case-study .cs-message{padding:15px 18px;border-radius:12px 12px 12px 0;background:#fff;margin-bottom:15px;line-height:1.5;font-size:12px}.case-study .cs-message.me{background:#e9ecb5;margin-left:22px;border-radius:12px 12px 0 12px}.case-study .cs-message b{display:block;font-size:10px;font-weight:600;margin-bottom:5px;color:#887b6a}.case-study .cs-message-compose{margin-top:auto;border:1px solid #e6d8d0;border-radius:99px;padding:14px;font-size:11px;color:#8c8176;background:#fff;display:flex;justify-content:space-between}.case-study .cs-circle-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.case-study .cs-circle-header span{font-size:10px;background:#f0e3da;border-radius:99px;padding:7px 10px}
/* Responsive case-study layouts; all artwork is kept local. */
@media(max-width:1100px){.case-study .cs-overview,.case-study .cs-chapter{gap:6%}.case-study .cs-dashboard{grid-template-columns:145px 1fr}.case-study .cs-app-sidebar{padding:26px 15px}.case-study .cs-product-photo{min-height:480px}.case-study .cs-metric{padding:17px}.case-study .cs-metric b{font-size:30px}.case-study .cs-campaign{padding:25px}.case-study .cs-poster{padding:25px;min-height:540px}.case-study .cs-conversation{padding:28px 20px}.case-study .cs-circle-card>div{padding:15px}}
@media(max-width:760px){#detailDialog.case-study{width:calc(100vw - 12px);height:calc(100svh - 12px);max-height:calc(100svh - 12px);border-radius:12px}.case-study .cs-topbar{min-height:63px;padding:12px 18px;gap:12px}.case-study .cs-brand{font-size:20px}.case-study .cs-crumb{font-size:10px}.case-study .cs-close{min-height:38px;padding:8px 12px;gap:10px;font-size:11px}.case-study .cs-close b{font-size:20px}.case-study .cs-cover{width:calc(100% - 20px);margin-top:10px;height:72svh;min-height:490px}.case-study .cs-meta{grid-template-columns:1fr 1fr;gap:22px;margin-bottom:38px;padding-bottom:28px}.case-study .cs-meta dl:last-child{grid-column:1/-1}.case-study .cs-meta dd{font-size:14px}.case-study .cs-meta dt,.case-study .cs-label{font-size:10px}.case-study .cs-overview,.case-study .cs-chapter{grid-template-columns:1fr;gap:30px}.case-study .cs-overview h2,.case-study .cs-chapter h2{font-size:43px;max-width:14ch}.case-study .cs-overview p{font-size:18px;line-height:1.5}.case-study .cs-showcase{padding:20px 12px;margin-inline:10px}.case-study .cs-showcase-head{gap:16px;margin-bottom:18px;font-size:10px}.case-study .cs-showcase-head b{font-size:11px}.case-study .cs-ui-nav{padding:20px;gap:16px}.case-study .cs-ui-logo{font-size:25px}.case-study .cs-tabs{gap:16px}.case-study .cs-tab{font-size:11px}.case-study .cs-product{grid-template-columns:1fr}.case-study .cs-product-photo{min-height:340px}.case-study .cs-product-info{padding:30px 24px;gap:21px}.case-study .cs-product-info h3{font-size:46px}.case-study .cs-point h3{font-size:23px}.case-study .cs-point p{font-size:15px}.case-study .cs-gallery{grid-template-columns:1fr;gap:25px;padding:0 var(--cs-pad)}.case-study .cs-gallery img{height:390px}.case-study .cs-gallery .cs-note-panel{min-height:370px}.case-study .cs-note-panel strong{font-size:63px}.case-study .cs-ending{flex-direction:column;align-items:start;gap:25px}.case-study .cs-ending h2{font-size:38px}.case-study .cs-next{padding-block:30px}.case-study .cs-next strong{font-size:46px}.case-study .cs-status-note{margin-bottom:35px}
.case-study .cs-forma-spread{grid-template-columns:1fr;min-height:0}.case-study .cs-forma-copy{padding:38px 28px}.case-study .cs-forma-copy h3{font-size:64px;margin:20px 0}.case-study .cs-forma-figure{height:460px}.case-study .cs-forma-figure img{min-height:0}.case-study .cs-forma-copy a{margin-top:25px}.case-study .cs-forma-foot{padding:18px;font-size:9px;gap:15px}.case-study .cs-forma .cs-ui-logo{font-size:15px}.case-study .cs-dashboard{grid-template-columns:1fr;min-height:0}.case-study .cs-app-sidebar{padding:22px 18px;gap:20px}.case-study .cs-app-tabs{display:flex;gap:7px}.case-study .cs-app-tabs .cs-tab{padding:10px 14px;font-size:11px}.case-study .cs-app-sidebar small{display:none}.case-study .cs-app-main{padding:25px 18px}.case-study .cs-app-top{gap:14px}.case-study .cs-app-top h3{font-size:27px}.case-study .cs-metrics{gap:7px}.case-study .cs-metric{padding:16px 10px}.case-study .cs-metric b{font-size:29px}.case-study .cs-metric span{font-size:9px}.case-study .cs-chart-box{padding:20px 15px}.case-study .cs-chart-head{font-size:10px}.case-study .cs-bars{height:120px}.case-study .cs-app-bottom{font-size:9px;padding:14px;gap:16px}.case-study .cs-workflow-row{padding:16px 12px;gap:10px}.case-study .cs-workflow-row strong{font-size:13px}.case-study .cs-workflow-row small{font-size:10px}.case-study .cs-state{font-size:8px;padding:6px 8px}.case-study .cs-team-grid{gap:10px}.case-study .cs-team-card{padding:18px}.case-study .cs-team-card h4{font-size:16px}.case-study .cs-campaign{grid-template-columns:1fr;padding:20px;gap:20px}.case-study .cs-poster{min-height:520px;padding:28px}.case-study .cs-poster h3{font-size:59px;padding-top:160px}.case-study .cs-campaign-copy h3{font-size:43px}.case-study .cs-campaign-copy{padding:12px 0}.case-study .cs-community{grid-template-columns:1fr}.case-study .cs-discovery{padding:28px 20px}.case-study .cs-discovery h3{font-size:45px}.case-study .cs-circles{gap:10px}.case-study .cs-circle-card img{height:110px}.case-study .cs-circle-card>div{padding:14px}.case-study .cs-circle-card h4{font-size:17px}.case-study .cs-circle-card p{font-size:11px}.case-study .cs-join{font-size:10px;padding:10px}.case-study .cs-conversation{border-left:0;border-top:1px solid #efddd3;min-height:415px;padding:28px}.case-study .cs-conversation>h4{font-size:22px}.case-study .cs-message{font-size:13px}}
@media(max-width:600px){.case-study .cs-cover .project-copy{font-size:8.6vw;max-width:84%;bottom:8%}.case-study .cs-cover .project-tag{font-size:8px;top:4%}.case-study .cs-cover .phone{font-size:10px;height:51%;width:36%}.case-study .cs-cover{height:74svh;min-height:530px}.case-study .cs-cover .phone-two .phone-photo{height:94px!important}.case-study .cs-cover .phone-body strong{font-size:17px}.case-study .cs-cover .phone-one{top:13%}.case-study .cs-cover .art-relay .phone-two{top:12%}.case-study .cs-cover .project-art.art-nexa .browser-mock{height:40%}.case-study .cs-cover .ui-chip{bottom:34%}.case-study .cs-topbar{padding-inline:14px}.case-study .cs-crumb{max-width:100px;text-align:right;line-height:1.35}.case-study .cs-gallery img{height:330px}.case-study .cs-help{font-size:10px}}
@media(max-width:370px){.case-study .cs-page{--cs-pad:20px}.case-study .cs-crumb{max-width:76px;font-size:9px}.case-study .cs-brand{font-size:18px}.case-study .cs-close{padding:8px 10px;font-size:10px}.case-study .cs-overview h2,.case-study .cs-chapter h2{font-size:36px}.case-study .cs-campaign{padding:14px}.case-study .cs-poster{padding:20px;min-height:450px}.case-study .cs-poster h3{font-size:51px}.case-study .cs-tabs{gap:11px}.case-study .cs-ui-nav{padding:16px}.case-study .cs-circle-card>div{padding:11px}.case-study .cs-circle-card h4{font-size:16px}}
@media(prefers-reduced-motion:reduce){#detailDialog.case-study{scroll-behavior:auto}.case-study *{animation:none!important;transition:none!important}}
/* Smallest-screen fit, verified independently of the homepage. */
.case-study .cs-dashboard>*{min-width:0}.case-study .cs-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}
@media(max-width:760px){.case-study .cs-dashboard{grid-template-columns:minmax(0,1fr)}}
@media(max-width:370px){.case-study .cs-app-tabs{gap:6px}.case-study .cs-app-tabs .cs-tab{padding:10px 8px;font-size:10px;min-width:0;flex:1}.case-study .cs-forma .cs-ui-nav,.case-study .cs-grove .cs-ui-nav{flex-wrap:wrap;row-gap:10px}.case-study .cs-ui-nav>.cs-tabs{flex-wrap:wrap}}