/* A real product walkthrough, in the existing paper / ink / rust palette. */
#skills .offer-card .offer-examples{font:500 11px/1.6 var(--mono);color:#697466;letter-spacing:-.025em;margin:-9px 0 0}
.service-proof{margin-top:52px;padding:34px;border:1px solid #9da795;background:#e5e9de;scroll-margin-top:24px}
.service-proof-head{position:relative;padding-bottom:28px;margin-bottom:28px;border-bottom:1px solid #9da79580;display:grid;grid-template-columns:1.2fr 1fr;column-gap:48px;align-items:end}.service-proof-head .eyebrow{grid-column:1/-1;font-size:11px;margin:0 0 18px}.service-proof-head h3{font:600 clamp(29px,3vw,43px)/1.15 var(--sans);letter-spacing:-.045em;margin:0}.service-proof-head h3 em{font-style:normal;color:var(--rust)}.service-proof-head>p:last-child{font-size:16px;line-height:1.65;margin:0;color:var(--muted);max-width:390px;justify-self:end}
.service-proof-grid{display:grid;grid-template-columns:minmax(0,1.65fr) minmax(280px,1fr);gap:32px;align-items:start}
.apex-player{margin:0;min-width:0}.apex-player-bar{padding:12px 14px;background:#f6f4ec;border:1px solid #adb3a4;display:flex;justify-content:space-between;gap:12px;font:500 9px/1.5 var(--mono);color:#4c5e50}.apex-player-bar i{display:inline-block;width:7px;height:7px;margin-right:7px;background:#8aaf58;border-radius:50%}.apex-video-wrap{position:relative;background:#f8f8f3;border:1px solid #adb3a4;border-top:0;aspect-ratio:16/9;overflow:hidden}.apex-video-wrap video{display:block;width:100%;height:100%;object-fit:contain;background:#f8f8f3}.apex-play{position:absolute;inset:0 0 42px;border:0;border-radius:0;background:linear-gradient(transparent 30%,#15352f45);display:flex;align-items:center;justify-content:center;gap:12px;color:white;text-align:left;cursor:pointer;font:600 14px/1.4 var(--sans);text-shadow:0 1px 5px #112d2c}.apex-play[hidden]{display:none}.apex-play-symbol{display:grid;place-items:center;width:52px;height:52px;border:1px solid #f7f6de9c;background:#1e3e33e8;color:#f7f6de;box-shadow:3px 3px 0 #24423845;font-size:19px;padding-left:3px}.apex-play small{display:block;font-size:11px;font-weight:400;margin-top:4px}.apex-play:hover .apex-play-symbol{background:#476b47}.apex-play:focus-visible{outline:3px solid #d7ed88;outline-offset:-5px}
.apex-chapters{display:flex;flex-wrap:wrap;gap:0;border:1px solid #adb3a4;border-top:0;background:#f6f4ec}.apex-chapters button{flex:1 1 100px;padding:10px 12px;min-height:54px;border:0;border-right:1px solid #adb3a445;background:none;color:#354b40;text-align:left;font:500 11px/1.35 var(--sans);cursor:pointer}.apex-chapters button span{display:block;color:#7a8274;font:9px/1.4 var(--mono);margin-bottom:3px}.apex-chapters button:hover{background:#dfe8cd}.apex-chapters button[aria-current='step']{box-shadow:inset 0 -3px #995d43;background:#e7ebdf}.apex-chapters button:focus-visible{outline:2px solid #315c4b;outline-offset:-4px}.apex-player figcaption{font:400 11px/1.7 var(--sans);color:#667366;margin-top:12px}.apex-player figcaption a{color:#49604c;text-underline-offset:3px}
.apex-story-kicker{font:500 10px/1.5 var(--mono);letter-spacing:.03em;color:#61705c;margin:0 0 12px}.apex-story h4{font:600 clamp(24px,2.2vw,31px)/1.2 var(--sans);letter-spacing:-.035em;margin:0 0 14px}.apex-story>p:not(.apex-story-kicker){font-size:14px;line-height:1.7;color:#516054;margin:0 0 20px}.apex-capabilities{list-style:none;padding:0;margin:0 0 20px}.apex-capabilities li{display:flex;gap:12px;padding:12px 0;border-top:1px solid #9da79560}.apex-capabilities li>span{font:11px/1.6 var(--mono);color:#8b654e;padding-top:2px}.apex-capabilities strong{font:600 14px/1.5 var(--sans)}.apex-capabilities p{font-size:13px;line-height:1.65;color:#58675a;margin:4px 0 0}.apex-story .apex-story-close{font-size:13px!important}.apex-project-cta{font-size:12px;padding:13px 16px;width:100%;gap:15px;justify-content:space-between}
@media(min-width:1101px){.service-proof-grid .apex-player{position:sticky;top:104px}}
@media(max-width:1100px){.service-proof-grid{grid-template-columns:1fr;gap:28px}.apex-story h4 br{display:none}.apex-capabilities{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.apex-project-cta{width:auto;display:inline-flex;gap:32px}.service-proof-head{gap:24px}.service-proof-head>p:last-child{font-size:14px}}
@media(max-width:600px){.service-proof{padding:20px;margin-top:32px}.service-proof-head{grid-template-columns:1fr;gap:16px;margin-bottom:22px;padding-bottom:22px}.service-proof-head .eyebrow{margin:0}.service-proof-head h3{font-size:29px}.service-proof-head>p:last-child{justify-self:start;font-size:15px;max-width:none}.apex-player-bar{font-size:8px;padding:10px;flex-wrap:wrap;gap:4px}.apex-play{gap:8px;font-size:12px}.apex-play-symbol{width:40px;height:40px;font-size:16px}.apex-play small{font-size:9px}.apex-chapters button{flex-basis:33%;font-size:11px;padding:10px}.apex-capabilities{grid-template-columns:1fr;gap:0}.apex-project-cta{display:flex;width:100%;gap:12px;padding:13px}.apex-player figcaption{font-size:11px}.apex-story>p:not(.apex-story-kicker){font-size:15px}#skills .offer-card .offer-examples{font-size:10px;line-height:1.7}}
@media(prefers-reduced-motion:reduce){.service-proof *{scroll-behavior:auto}}

.apex-chapters[hidden]{display:none}

/* Straightforward services: every offer stays visible. */
#skills .offer-card{gap:16px}
#skills .offer-card h3{font-size:28px;line-height:1.2}
#skills .offer-card>p{font-size:17px;line-height:1.65}
#skills .offer-card>.card-link{margin-top:auto}
#skills .offer-project-link{font-size:14px;line-height:1.5;min-height:44px;display:flex;align-items:center;text-underline-offset:4px;color:var(--ink)}
#skills .offer-project-link:hover{text-decoration:underline}