/* Real client work: authentic screens, readable case studies and original logos. */
.selected-work{padding-block:95px 70px}
.selected-work-feature{display:grid;grid-template-columns:minmax(0,1.45fr) minmax(0,1fr);gap:clamp(30px,5vw,85px);align-items:center;margin-top:48px}
.work-visual{display:block;min-width:0;overflow:hidden;background:#e7ebe3;color:#17271d}
.work-window{border:1px solid #4d5a4f}
.window-bar{display:flex;align-items:center;gap:6px;padding:13px 16px;background:#e5e9e2;color:#415145;border-bottom:1px solid #bdc7bb;min-height:36px}
.window-bar>i{display:block;width:5px;height:5px;flex:none;border:1px solid #758273;border-radius:50%}
.window-bar>span{font:9px/1.6 var(--mono);letter-spacing:.02em;margin-left:10px;overflow-wrap:anywhere}
.work-window>img{width:100%;height:auto;aspect-ratio:1.6;object-fit:cover;object-position:top}
.work-copy>.eyebrow{color:#b5c0b1}
.work-copy h2,.work-copy h3{font-size:clamp(32px,4.5vw,65px);line-height:1.06;margin-top:23px}
.work-copy>p:not(.eyebrow){font-size:14px;line-height:1.9;color:#b4beb4;margin-top:23px;max-width:440px}
.work-copy>.text-link{margin-top:30px;font-size:13px}
.work-logo-plate{display:flex;justify-content:center;align-items:center;background:#fff;padding:12px 19px;width:160px;height:76px;margin-top:25px}
.work-logo-plate img{width:100%;height:100%;object-fit:contain}
.work-copy>p.work-caption{font:9px/1.8 var(--mono);color:#9cab9d;margin-top:21px}
.work-small-links{margin-top:50px;border-top:1px solid var(--line);display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.work-small-links>a{display:grid;grid-template-columns:115px minmax(0,1fr) 20px;gap:24px;align-items:center;padding:30px 25px 30px 0;border-bottom:1px solid var(--line)}
.work-small-links>a+ a{padding-left:30px;border-left:1px solid var(--line)}
.work-small-links .work-logo-plate{width:115px;height:80px;margin:0;padding:12px}
.work-small-links h3{font-size:23px;line-height:1.2;margin-top:12px}
.work-small-links p{font-size:11px;line-height:1.9;color:#b3bfb3;margin-top:12px}
.work-small-links .eyebrow{font-size:9px;color:#a9b9a8}
.work-small-links>a>span{font-size:25px;color:var(--lime)}
.client-roll{background:#fff;color:#173c2b;padding-block:28px}
.client-roll-inner{display:grid;grid-template-columns:1fr 1fr 1fr 1fr;gap:55px;align-items:center}
.client-roll a{height:90px;display:flex;align-items:center;justify-content:center;min-width:0}
.client-roll img{width:100%;height:100%;object-fit:contain}
.client-roll a:nth-of-type(2){padding-inline:20px}
.client-roll a:nth-of-type(3){height:105px}
.work-collection{padding-block:15px 70px}
.work-row{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:center;gap:clamp(30px,6vw,90px);padding-block:75px;border-bottom:1px solid var(--line)}
.work-row:nth-of-type(2)>.work-visual{order:2}
.work-row:nth-of-type(2){grid-template-columns:minmax(0,1fr) minmax(0,1.4fr)}
.work-copy>p.work-client-name{font:11px/1.8 var(--mono);text-transform:uppercase;letter-spacing:.08em;color:var(--paper);margin-top:22px}
.work-tags{display:flex;flex-wrap:wrap;gap:10px 18px;list-style:none;padding:0;margin:24px 0 0;font:9px/1.8 var(--mono);color:#b8c9b2}
.work-tags li{padding-bottom:4px;border-bottom:1px solid #5d6d57}
.work-mobile-pair{display:grid;grid-template-columns:1fr 1fr;gap:20px;background:#e9ece4;padding:30px}
.work-mobile-pair img{width:100%;height:auto}
.work-evidence-note{font-size:11px;line-height:1.9;color:#a9b9a3;margin-top:28px;max-width:950px}
.case-facts{display:grid;grid-template-columns:1fr 1.3fr 1fr;gap:35px;margin:50px 0 0;padding-top:25px;border-top:1px solid var(--line)}
.case-facts dt{font:9px/1.8 var(--mono);text-transform:uppercase;letter-spacing:.1em;color:#a9b9a8}
.case-facts dd{font-size:13px;line-height:1.8;margin:10px 0 0}
.case-logo{background:#fff;display:flex;align-items:center;justify-content:center;width:200px;height:145px;padding:18px;margin-top:35px}
.case-logo img{max-width:100%;max-height:100%;width:auto;height:auto}
.riderguy-case-logo{height:90px;width:240px}
.case-gallery{padding-block:65px}
.case-opening{padding-top:0}
.case-capture{min-width:0}
.case-capture>img{width:100%;height:auto}
.case-capture figcaption,.case-phone-gallery figcaption{display:flex;justify-content:space-between;gap:20px;align-items:start;font:10px/1.9 var(--mono);color:#b1c0aa;padding-top:18px}
.case-capture figcaption>span{max-width:75%}
.case-capture figcaption a{white-space:nowrap;text-decoration:underline;text-underline-offset:4px}
.case-detail-gallery{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:clamp(30px,7vw,110px);align-items:start}
.case-gallery-copy h2{font-size:clamp(30px,4vw,54px);margin-top:24px;line-height:1.1}
.case-gallery-copy>p:not(.eyebrow){font-size:15px;line-height:1.9;margin-top:25px;color:#b7c2b0}
.case-gallery-copy .text-link,.case-gallery-copy .dark-text-link{margin-top:30px;font-size:13px}
.capture-viewport{max-height:760px;overflow:hidden;border:1px solid #9da99b;background:#e8eee6}
.capture-viewport img{width:100%;height:auto}
.paper-section .case-gallery-copy>p:not(.eyebrow){color:#4b5d4c}
.paper-section .case-capture figcaption{color:#4b5d4c}
.paper-section .case-capture a{color:#215536}
.paper-section .capability-table p{color:#43533e}
.case-phone-gallery{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:30px}
.case-phone-gallery img{width:100%;height:auto}
.case-phone-gallery figcaption{flex-direction:column;gap:10px}
.case-phone-gallery figcaption a{color:var(--paper);text-decoration:underline;text-underline-offset:4px}
.reading-copy p.case-disclosure{font-size:12px;line-height:1.9;border-top:1px solid #7c927050;padding-top:24px;margin-top:28px}
.related-work{padding-block:35px;border-top:1px solid var(--line);border-bottom:1px solid var(--line)}
.related-work .text-link{font-size:clamp(18px,3vw,28px);margin-top:15px;line-height:1.5}
@media(min-width:1281px){.desktop-nav{gap:23px;font-size:12px}.site-header{gap:25px}}
@media(max-width:1280px){.desktop-nav{display:none}.site-header .talk-button{margin-left:auto}.menu-toggle{display:flex;flex-direction:column;justify-content:center;gap:7px;width:32px;height:40px;padding:4px}.menu-toggle span{width:24px;height:1px;background:var(--paper)}}
@media(min-width:1001px) and (max-width:1280px){.mobile-nav{position:absolute;top:112px;left:0;right:0;background:#101611;z-index:15;padding:24px;display:flex;flex-direction:column;border-bottom:1px solid #536049}.mobile-nav a{padding:17px 0;border-bottom:1px solid #35422d;font-size:17px}.menu-toggle[aria-expanded=true] span:first-child{transform:translateY(4px) rotate(45deg)}.menu-toggle[aria-expanded=true] span:last-child{transform:translateY(-4px) rotate(-45deg)}}
@media(max-width:900px){
 .selected-work-feature,.work-row,.work-row:nth-of-type(2){grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);gap:30px}
 .work-copy h2,.work-copy h3{font-size:36px}
 .work-small-links{grid-template-columns:minmax(0,1fr)}
 .work-small-links>a+a{padding-left:0;border-left:0}
 .client-roll-inner{gap:25px;grid-template-columns:1fr 1fr 1fr}
 .client-roll-inner>.eyebrow{grid-column:1/-1}
 .case-detail-gallery{gap:35px}
 .case-phone-gallery{gap:18px}
 .case-facts{gap:25px}
 .case-capture figcaption{flex-direction:column;gap:12px}
 .case-capture figcaption>span{max-width:100%}
}
@media(max-width:650px){
 .selected-work{padding-block:60px 45px}
 .selected-work-feature,.work-row,.work-row:nth-of-type(2),.case-detail-gallery{grid-template-columns:minmax(0,1fr);gap:30px}
 .work-row:nth-of-type(2)>.work-visual{order:0}
 .work-row{padding-block:45px}
 .work-copy h2,.work-copy h3{font-size:38px;margin-top:18px}
 .work-copy>p:not(.eyebrow){font-size:13px;margin-top:18px}
 .work-small-links{margin-top:35px}
 .work-small-links>a{grid-template-columns:85px minmax(0,1fr) 15px;gap:18px;padding-right:0}
 .work-small-links .work-logo-plate{width:85px;height:70px;padding:10px}
 .work-small-links h3{font-size:20px;line-height:1.25}
 .work-small-links .eyebrow{font-size:8px}
 .work-small-links p{font-size:11px}
 .window-bar{padding:10px;gap:4px}
 .window-bar>span{font-size:7px;margin-left:6px}
 .client-roll-inner{gap:16px}
 .client-roll a{height:65px}
 .client-roll a:nth-of-type(2){padding-inline:5px}
 .client-roll a:nth-of-type(3){height:80px}
 .client-roll{padding-block:22px}
 .case-facts{grid-template-columns:minmax(0,1fr);gap:22px;margin-top:30px}
 .case-facts dd{font-size:13px;margin-top:5px}
 .case-gallery{padding-block:40px}
 .case-opening{padding-top:0}
 .case-phone-gallery{grid-template-columns:minmax(0,1fr);gap:35px;max-width:400px;margin-inline:auto}
 .case-phone-gallery img{max-width:100%;height:auto}
 .case-phone-gallery figcaption{font-size:10px}
 .case-gallery-copy h2{font-size:34px}
 .case-gallery-copy>p:not(.eyebrow){font-size:14px}
 .case-logo{width:160px;height:115px;margin-top:25px}
 .riderguy-case-logo{width:200px;height:80px}
 .capture-viewport{max-height:540px}
 .work-mobile-pair{padding:20px;gap:15px}
 .work-evidence-note{font-size:10px}
}