.tradeup-case-page,.tradeup-gate-page{--trade-green:#49a85d}
.tradeup-gate-page .gate-panel h1{letter-spacing:1px;word-spacing:8px}
.request-access{margin-top:24px;padding:0 0 8px;border:0;border-bottom:1px solid rgba(255,255,255,.65);background:transparent;color:#fff;font:500 12px/1.4 "DM Mono",monospace;letter-spacing:.07em;cursor:pointer}.request-access:hover,.request-access:focus-visible{border-color:var(--trade-green);color:var(--trade-green)}
.request-dialog{width:min(680px,calc(100% - 44px));max-height:calc(100svh - 44px);padding:0;border:0;background:#f2f2f2;color:#000}.request-dialog::backdrop{background:rgba(0,0,0,.78);backdrop-filter:blur(10px)}.request-dialog form{padding:clamp(28px,5vw,58px)}.request-dialog-head{display:flex;align-items:center;justify-content:space-between}.request-dialog-head p{margin:0}.request-dialog-head button{border:0;background:transparent;font:400 30px/1 "DM Sans",sans-serif;cursor:pointer}.request-dialog h2{margin:45px 0;font-size:clamp(2.8rem,7vw,5.4rem);line-height:.86;letter-spacing:1px;word-spacing:8px}.request-dialog label{display:block;margin:22px 0 8px;font:500 11px/1.4 "DM Mono",monospace;letter-spacing:.07em}.request-dialog input,.request-dialog textarea{display:block;width:100%;padding:12px 0;border:0;border-bottom:1px solid rgba(0,0,0,.45);border-radius:0;background:transparent;color:#000;font:400 17px/1.5 "DM Sans",sans-serif;resize:vertical;outline:0}.request-dialog input:focus,.request-dialog textarea:focus{border-color:#000}.request-submit{margin-top:32px;padding:16px 20px;border:1px solid #000;background:#000;color:#fff;font:500 12px "DM Mono",monospace;cursor:pointer}.request-submit:hover:not(:disabled),.request-submit:focus-visible:not(:disabled){background:var(--trade-green);color:#000}.request-submit:disabled{background:transparent;color:rgba(0,0,0,.38);border-color:rgba(0,0,0,.24);cursor:not-allowed}.request-hint{max-width:430px;margin:18px 0 0;font-size:12px;line-height:1.5;opacity:.65}
.tradeup-case-page .workflow-hero h1,.tradeup-case-page h2{letter-spacing:1px;word-spacing:8px}
.case-intro{max-width:610px;margin:28px 0 0 auto;font-size:17px;line-height:1.6}.tradeup-hero-image img{object-position:center}
.project-snapshot,.brand-logic,.public-reference{padding:clamp(90px,12vw,170px) var(--case-gutter);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:clamp(40px,8vw,130px);border-bottom:1px solid var(--case-line)}
.project-snapshot h2,.brand-logic h2,.public-reference h2,.tradeup-action h2,.tradeup-gallery h2,.tradeup-outcomes h2{font-size:clamp(2rem,3.7vw,4.15rem);line-height:.95;margin:26px 0;letter-spacing:1px;word-spacing:8px}
.project-snapshot>div>p,.brand-logic>div>p,.public-reference>div>p{font-size:17px;line-height:1.65;margin-top:0}
.project-snapshot dl{margin:45px 0 0;border-top:1px solid var(--case-line)}.project-snapshot dl div{display:grid;grid-template-columns:1fr 1.5fr;padding:13px 0;border-bottom:1px solid var(--case-line)}.project-snapshot dt{font:500 11px "DM Mono",monospace;letter-spacing:.06em}.project-snapshot dd{margin:0;font-size:15px}
.tradeup-star article>p{max-width:560px;font-size:17px;line-height:1.6}.tradeup-star article>p+p{margin-top:20px}.tradeup-star .how-might-we{margin-top:38px;font-size:clamp(1.25rem,2vw,1.8rem);font-weight:500;line-height:1.3}
.chapter-flow{margin-top:35px!important;padding-top:14px;border-top:1px solid var(--case-line);font:500 12px/1.5 "DM Mono",monospace!important;letter-spacing:.04em;text-transform:uppercase}
.tradeup-action{padding:clamp(90px,12vw,170px) var(--case-gutter)}.action-copy{display:grid;grid-template-columns:1fr 2fr;gap:30px}.action-copy h2,.action-copy>p:last-child{grid-column:2}.action-copy>p:last-child{max-width:620px;font-size:17px;line-height:1.65}.action-steps{margin:clamp(70px,9vw,130px) 0 0;padding:0;list-style:none;display:grid;grid-template-columns:repeat(4,1fr);border-top:1px solid var(--case-line)}.action-steps li{min-height:230px;padding:18px;border-right:1px solid var(--case-line)}.action-steps li:first-child{border-left:1px solid var(--case-line)}.action-steps span,.action-steps b{display:block;font:500 11px/1.4 "DM Mono",monospace;letter-spacing:.06em}.action-steps b{margin-top:65px;font-size:14px}.action-steps p{font-size:15px;line-height:1.5}
.tradeup-gallery{padding:clamp(90px,12vw,170px) var(--case-gutter);background:#000;color:#fff;display:grid;grid-template-columns:1fr 1fr;gap:clamp(50px,7vw,100px) clamp(22px,4vw,58px)}.tradeup-gallery header{grid-column:1/-1;display:grid;grid-template-columns:1fr 2fr;gap:30px;border-top:1px solid rgba(255,255,255,.35);padding-top:14px}.tradeup-gallery header h2{margin:0}.tradeup-screen{margin:0}.tradeup-screen.wide{grid-column:1/-1}.tradeup-screen img{display:block;width:100%;aspect-ratio:4/3;object-fit:cover;background:#111}.tradeup-screen.wide img{aspect-ratio:16/9}.tradeup-screen figcaption{display:grid;grid-template-columns:40px 1fr;gap:12px;border-top:1px solid rgba(255,255,255,.35);padding-top:10px;margin-top:12px;font:500 11px "DM Mono",monospace}.tradeup-screen figcaption p{margin:0}.tradeup-screen figcaption span{opacity:.55}
.logic-columns{display:grid;grid-template-columns:1fr 1fr;gap:18px}.logic-columns article{padding:18px;border-top:1px solid var(--case-line)}.logic-columns article>p:last-child{font-size:17px;line-height:1.75}
.tradeup-outcomes article>p{max-width:760px}.result-tags{max-width:900px;margin:45px auto;display:grid;grid-template-columns:repeat(3,1fr);border-top:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}.result-tags span{padding:24px 12px;text-align:center;font:500 12px "DM Mono",monospace;border-right:1px solid var(--case-line)}.result-tags span:last-child{border-right:0}.evidence-note{font-size:14px!important;opacity:.7}.chapter-emphasis{font-size:clamp(1.4rem,2.4vw,2.4rem)!important;font-weight:700;line-height:1.15!important}
.public-reference .disclosure{margin-top:42px;padding-top:15px;border-top:1px solid var(--case-line);font-size:14px;opacity:.75}.public-reference h2{margin-top:0}
@media(max-width:900px){.action-steps{grid-template-columns:1fr 1fr}.action-steps li:nth-child(3){border-left:1px solid var(--case-line)}}
@media(max-width:700px){.case-intro{margin-left:0}.project-snapshot,.brand-logic,.public-reference{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.action-copy{grid-template-columns:1fr}.action-copy h2,.action-copy>p:last-child{grid-column:1}.action-steps{grid-template-columns:1fr}.action-steps li,.action-steps li:nth-child(3){min-height:0;border-left:1px solid var(--case-line);border-bottom:1px solid var(--case-line)}.action-steps b{margin-top:35px}.tradeup-gallery{grid-template-columns:1fr;padding-left:22px;padding-right:22px}.tradeup-gallery header,.tradeup-screen.wide{grid-column:1}.tradeup-gallery header{grid-template-columns:1fr}.tradeup-screen img,.tradeup-screen.wide img{aspect-ratio:4/3}.logic-columns,.result-tags{grid-template-columns:1fr}.result-tags span{border-right:0;border-bottom:1px solid var(--case-line)}.result-tags span:last-child{border-bottom:0}}

/* Match the common internal-case grid and keep every product screen uncropped. */
.tradeup-case-page .case-intro{margin-left:0;margin-right:0}
.tradeup-case-page .action-copy{grid-template-columns:1fr}
.tradeup-case-page .action-copy h2,
.tradeup-case-page .action-copy>p:last-child{grid-column:1}
.tradeup-case-page .tradeup-gallery header{grid-template-columns:1fr}
.tradeup-case-page .tradeup-gallery header h2{max-width:900px}
.tradeup-case-page .tradeup-screen{background:#111}
.tradeup-case-page .tradeup-screen img,
.tradeup-case-page .tradeup-screen.wide img{object-fit:contain;object-position:center;background:#111}
.tradeup-case-page .case-outcomes{background:var(--case-paper)}
.tradeup-case-page .case-outcomes article{padding:clamp(85px,11vw,160px) var(--case-gutter);border-top:1px solid var(--case-line)}
.tradeup-case-page .case-outcomes article.dark{background:#000;color:#fff}
.tradeup-case-page .case-outcomes article>h2,
.tradeup-case-page .case-outcomes article>p,
.tradeup-case-page .case-outcomes article>.case-label{max-width:900px;margin-left:0;margin-right:0}
.tradeup-case-page .case-outcomes article>p{max-width:760px}
.tradeup-case-page .result-tags{margin-left:0;margin-right:0}