.reach-work{background:#080b0c;color:#fff;max-width:none;padding:110px max(5%,calc((100vw - 1224px)/2)) 75px}.reach-work .reach-tag{background:#ffffff0b;border-color:#ffffff20;color:#bbb}.reach-work .reach-heading-row{align-items:center;gap:80px;margin-bottom:55px}.reach-work .reach-heading-row>div:first-child{flex:1.5}.reach-work .case-intro{flex:1;max-width:360px;padding-top:35px}.reach-work .case-intro p{color:#aaa;font-size:15px;margin:0 0 23px}.reach-work h2{font-size:clamp(30px,3.7vw,52px);line-height:1.2;max-width:780px;margin:0}.reach-work h2 mark{color:var(--orange);background:none;padding:0}.reach-work .reach-button.secondary{background:#242728;border-color:#ffffff30;color:#fff}.reach-work .reach-button.secondary span{background:#ffffff12;color:#fff}.reach-work .case-tabs{display:flex;gap:8px;margin-bottom:14px;overflow-x:auto;scrollbar-width:none;padding:3px 0}.reach-work .case-tabs::-webkit-scrollbar{display:none}.reach-work .case-tabs button{display:flex;flex:1 0 0;flex-direction:row;align-items:center;gap:10px;min-width:0;min-height:58px;padding:6px;border-radius:45px;background:#151819;border:1px solid #ffffff16;color:#e5e5e0;overflow:hidden;transition:background .35s,color .35s}.reach-work .case-tabs button img{width:42px;height:42px;flex:0 0 42px;border-radius:50%;object-fit:cover;filter:grayscale(1);background:#373a36}.case-tab-text{display:flex;flex-direction:column;align-items:start;gap:5px;overflow:hidden;text-align:left}.case-tab-text strong{font-size:11px;font-weight:500;white-space:nowrap}.case-tab-text small{font-family:ui-monospace,monospace;font-size:7px;font-weight:400;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%;color:#95998f}.reach-work .case-tabs button[aria-selected=true]{background:#fff;color:#111;border-color:#fff}.reach-work .case-tabs button[aria-selected=true] img{filter:none}.reach-work .case-tabs button[aria-selected=true] small{color:#686d62}.reach-work #case-panel{display:block;animation:none}.reach-work .case-visual{height:clamp(420px,47vw,650px);min-height:0;border-radius:22px;padding:55px 50px 65px;background:#e3e1d9;width:100%;isolation:isolate}.reach-work .case-visual>img{max-height:100%;height:100%;width:100%;object-fit:contain}.reach-work .case-visual-label{inset:24px 24px auto;display:flex;gap:20px;justify-content:space-between;align-items:start;background:none;padding:0;z-index:5;pointer-events:none}.reach-work .case-visual-label span{background:#fff;color:#333;padding:8px 13px;border-radius:30px;font-size:9px;display:flex;gap:8px;align-items:center}.case-visual-label i{width:5px;height:5px;background:var(--orange);border-radius:50%}.reach-work .case-visual-label b{background:#1119;color:#eee;font-family:ui-monospace,monospace;font-size:8px;font-weight:400;letter-spacing:.05em;padding:8px 12px;border-radius:30px;max-width:50%;text-align:right}.reach-work .case-compare{background:#d1d1c9}.reach-work .case-compare img{padding:50px;transform:scale(1.6)}.reach-work .compare-divider{background:#fff;box-shadow:0 0 12px #0003}.reach-work .compare-divider span{width:56px;height:56px;background:#1b1e1edb;border:1px solid var(--orange);color:#fff;box-shadow:0 0 0 9px #f94d2614;font-size:23px}.reach-work .compare-label{top:auto;bottom:20px;left:24px;right:24px;font-size:8px}.reach-work .compare-label span{background:#1118;border:1px solid #fff3;color:#eee}.reach-work .case-copy{display:grid;grid-template-columns:1fr 1fr;gap:65px;padding-top:30px;animation:caseCopyIn .6s ease both}.reach-work .case-copy>.mono,.reach-work .case-copy .mono{font-size:9px;color:#aaa}.reach-work .case-copy h3{font-size:clamp(25px,3vw,40px);margin:15px 0 0;line-height:1.25}.reach-work .case-copy h3 a{color:inherit}.reach-work .case-copy h3 a:hover{color:var(--orange)}.reach-work .case-copy p{color:#b2b6ae;font-size:14px;max-width:none;margin:0 0 22px}.case-bottom{display:flex;align-items:center;justify-content:space-between;gap:15px}.case-tags{display:flex;flex-wrap:wrap;gap:6px}.case-tags>span{border:1px solid #fff3;padding:5px 10px;border-radius:30px;font-size:9px;color:#aeb3aa}.reach-work .case-story .reach-button{background:var(--orange);border-color:var(--orange);color:#111;font-size:11px;min-height:43px;padding:5px 5px 5px 18px;gap:12px}.reach-work .case-story .reach-button span{background:#111;color:var(--orange);width:30px;height:30px}.reach-work .case-motion-control{color:#777;margin-top:25px;padding-top:18px;border-top:1px solid #fff2}.reach-work .case-motion-control button{color:#aaa;border-color:#fff3}.reach-work .case-tabs button:focus-visible{outline:2px solid var(--orange);outline-offset:-3px}@keyframes caseCopyIn{from{opacity:0;transform:translateY(12px)}to{opacity:1;transform:none}}
@media(max-width:1000px){.reach-work .case-tabs button{flex:0 0 170px}.reach-work .case-copy{gap:30px}.case-bottom{align-items:start;flex-direction:column}.reach-work .reach-heading-row{gap:40px}.reach-work .case-visual{height:480px}}
@media(max-width:650px){.reach-work{padding:65px 25px}.reach-work .reach-heading-row{gap:20px;margin-bottom:30px;align-items:start}.reach-work .case-intro{padding-top:0;max-width:none}.reach-work h2{font-size:30px}.reach-work .case-intro p{font-size:13px;margin-bottom:18px}.reach-work .case-tabs button{flex-basis:160px;min-height:54px}.reach-work .case-tabs button img{width:38px;height:38px;flex-basis:38px}.reach-work .case-visual{height:360px;padding:60px 15px 50px;border-radius:16px}.reach-work .case-visual-label{inset:15px 15px auto;gap:10px}.reach-work .case-visual-label span{font-size:7px;padding:7px 9px}.reach-work .case-visual-label b{font-size:6px;padding:7px 9px;max-width:42%}.reach-work .case-compare img{padding:35px 15px}.reach-work .compare-divider span{width:43px;height:43px;font-size:20px}.reach-work .compare-label{bottom:14px;left:15px;right:15px;font-size:6px}.reach-work .case-copy{grid-template-columns:1fr;gap:18px;padding-top:23px}.reach-work .case-copy h3{font-size:28px;margin-top:10px}.reach-work .case-copy p{font-size:13px;margin-bottom:18px}.case-bottom{flex-direction:row;align-items:center;flex-wrap:wrap}.reach-work .case-motion-control{font-size:6px;gap:10px}.reach-work .case-motion-control button{font-size:8px}}
@media(prefers-reduced-motion:reduce){.reach-work .case-copy{animation:none}.reach-work .case-tabs button{transition:none}}