/* CIVIO page-specific styles
   Source: works.html
   Purpose: separated from HTML for maintainability and AI-assisted editing. */
.cv-core-article-callout{padding:44px 0 26px;background:transparent}.cv-core-article-callout .cv-shell{max-width:1120px}.cv-core-article-card{background:#fff;border-top:6px solid var(--cv-red);border-left:1px solid #111;border-right:1px solid #111;border-bottom:1px solid #111;padding:30px 34px 34px;display:flex;flex-direction:column;gap:14px;box-shadow:12px 12px 0 rgba(0,0,0,.04)}.cv-core-article-card .cv-section-label{margin:0;color:var(--cv-red)}.cv-core-article-card h2{margin:0;font-family:var(--cv-display);font-size:clamp(34px,4vw,54px);line-height:1.06;letter-spacing:-.03em}.cv-core-article-card p{margin:0;max-width:760px;color:#555;font-size:15px;line-height:1.9}.cv-core-article-card .cv-button{margin-top:6px;align-self:flex-start}.cv-core-article-card .cv-button::after{content:" ↗";font-weight:900}.cv-page-hero+.cv-core-article-callout{margin-top:18px}@media(max-width:800px){.cv-core-article-callout{padding:30px 0 14px}.cv-core-article-card{padding:22px 20px 24px;gap:12px;box-shadow:8px 8px 0 rgba(0,0,0,.04)}.cv-core-article-card h2{font-size:clamp(28px,10vw,40px)}.cv-core-article-card p{font-size:14px;line-height:1.8;width:100%}.cv-core-article-card .cv-button{width:100%}}

.cv-simulation-feature{display:grid;grid-template-columns:170px minmax(0,1fr) 310px;gap:46px;align-items:stretch;margin-top:84px;background:#050505;color:#fff;border-top:7px solid var(--cv-red);box-shadow:18px 18px 0 rgba(196,20,31,.18)}
.cv-simulation-feature-index{padding:38px 28px;border-right:1px solid rgba(255,255,255,.16);display:flex;flex-direction:column;justify-content:space-between}
.cv-simulation-feature-index span{font:900 10px monospace;letter-spacing:.16em;color:#ff727a}.cv-simulation-feature-index strong{font-family:var(--cv-display);font-size:78px;line-height:.84;color:transparent;-webkit-text-stroke:1px rgba(255,255,255,.42)}
.cv-simulation-feature-copy{padding:40px 0 44px}.cv-simulation-feature-copy h2{margin:0 0 18px;font-family:var(--cv-display);font-size:clamp(38px,4.8vw,64px);line-height:1.05;letter-spacing:-.04em;color:#fff}.cv-simulation-feature-copy p{max-width:680px;margin:0;color:rgba(255,255,255,.68)}.cv-simulation-feature-copy ul{margin:24px 0 28px;padding-left:20px;color:rgba(255,255,255,.78);font-size:13px}.cv-simulation-feature-copy .cv-button{align-self:flex-start}
.cv-simulation-feature-visual{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:1px;background:rgba(255,255,255,.16);margin:32px 32px 32px 0}.cv-simulation-feature-visual span{display:grid;place-items:center;min-height:108px;padding:16px;background:#111;text-align:center;font-size:12px;font-weight:900}.cv-simulation-feature-visual span:nth-child(1),.cv-simulation-feature-visual span:nth-child(4){background:var(--cv-red)}.cv-simulation-feature-visual b{position:absolute;right:-18px;bottom:-35px;font-family:var(--cv-display);font-size:96px;line-height:1;color:#fff}
@media(max-width:1000px){.cv-simulation-feature{grid-template-columns:130px 1fr}.cv-simulation-feature-visual{display:none}}
@media(max-width:800px){.cv-simulation-feature{grid-template-columns:1fr;margin-top:58px;box-shadow:8px 8px 0 rgba(196,20,31,.18)}.cv-simulation-feature-index{padding:24px;border-right:0;border-bottom:1px solid rgba(255,255,255,.16);flex-direction:row;align-items:end}.cv-simulation-feature-index strong{font-size:58px}.cv-simulation-feature-copy{padding:28px 24px 34px}.cv-simulation-feature-copy .cv-button{width:100%}}