/* Product-led OCW pages. Existing Sora/Inter typography and navy/crimson identity. */
.work-hero{padding:clamp(3rem,7vw,6rem) 0;background:var(--white)}
.work-hero__grid{display:grid;grid-template-columns:1.1fr 1fr;gap:clamp(2rem,5vw,4rem);align-items:center}
.work-hero h1{font-size:clamp(2.3rem,4.5vw,3.65rem);max-width:16ch;line-height:1.12}
.work-hero .lead{margin:1.4rem 0;max-width:49ch}
.work-kicker{color:var(--muted);font-size:.95rem;margin-bottom:1rem}
.work-actions{display:flex;flex-wrap:wrap;gap:.8rem;margin-top:1.6rem;align-items:center}
.work-caption{font-size:.87rem;color:var(--muted);margin-top:1rem;max-width:65ch}
.work-links{display:flex;flex-wrap:wrap;gap:.8rem 1.8rem;padding:1.4rem 0;border-block:1px solid var(--line)}
.work-links a{font-weight:600;color:var(--navy);text-decoration:underline;text-underline-offset:5px}
.work-demo{background:#13294B;color:#fff;border-radius:16px;overflow:hidden;box-shadow:var(--shadow-md)}
.work-demo__top{padding:1.15rem 1.5rem;border-bottom:1px solid #ffffff30;display:flex;justify-content:space-between;gap:1rem;font-size:.85rem}
.work-demo__body{padding:clamp(1.3rem,3vw,2.4rem)}
.work-demo h2{font-size:1.55rem;color:#fff;line-height:1.3;margin-bottom:1.4rem}
.work-demo p{color:#d9e4f2}.work-compare{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin:1.4rem 0}
.work-compare div{padding:1rem;background:#ffffff0d;border:1px solid #ffffff38;border-radius:8px}
.work-compare span{display:block;font-size:.8rem;color:#d9e4f2}.work-compare strong{display:block;font:700 clamp(1.9rem,3.5vw,2.6rem) var(--font-head);margin-top:.4rem}
.work-result{border-left:3px solid #ffb8bf;padding-left:1rem;margin:1.5rem 0}.work-result b{color:#ffb8bf}
.work-demo a{color:#fff;text-decoration:underline;text-underline-offset:4px;font-weight:600}
.work-intro{max-width:720px;margin-bottom:2.5rem}.work-intro p{margin-top:1rem;color:var(--muted)}
.work-project{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1.15fr);gap:3rem;padding:3rem 0;border-top:1px solid var(--line);align-items:start}
.work-project h3{font-size:1.8rem;margin:.5rem 0 1rem}.work-project p{max-width:65ch}.work-project .work-caption{margin-bottom:1rem}
.work-details{margin:0}.work-details dt{font-weight:600;color:var(--navy);margin-bottom:.3rem}.work-details dd{margin:0 0 1.3rem;color:var(--muted)}
.work-project a:not(.btn),.work-body a:not(.btn){text-decoration:underline;text-underline-offset:4px}
.work-capabilities{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:2rem}.work-capabilities article{border-top:3px solid var(--crimson);padding-top:1.2rem}.work-capabilities h3{margin-bottom:.8rem}.work-capabilities p{color:var(--muted)}
.work-band{background:var(--white)}.work-body p+p{margin-top:1rem}.work-body h2{margin-bottom:1.3rem}.work-body{max-width:800px}.work-body ul{padding-left:1.3rem;margin-top:1rem}.work-body li{margin:.6rem 0}
.work-flow{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:1.5rem;list-style:none;padding:0;counter-reset:flow}
.work-flow li{counter-increment:flow;border-top:1px solid var(--line);padding-top:1rem}.work-flow li:before{content:counter(flow);display:block;color:var(--crimson);font-weight:700;margin-bottom:.8rem}.work-flow h3{font-size:1.12rem;margin-bottom:.6rem}.work-flow p{color:var(--muted)}
.work-faq details{border-top:1px solid var(--line);padding:1.2rem 0}.work-faq summary{cursor:pointer;font-weight:600;color:var(--navy);font-size:1.08rem}.work-faq details p{margin-top:.8rem;max-width:75ch;color:var(--muted)}
.work-video{display:block;padding:2rem;background:#13294B;border-radius:12px;color:#fff!important}.work-video strong{display:block;font:600 1.4rem var(--font-head);margin-bottom:.6rem}.work-video span{color:#d9e4f2}.work-video:hover{background:#1B3560}
.work-hero .btn--ghost{color:var(--navy);border-color:var(--line)}
@media(max-width:900px){.work-hero__grid,.work-project{grid-template-columns:1fr}.work-hero h1{max-width:20ch}.work-capabilities{grid-template-columns:1fr}.work-flow{grid-template-columns:1fr 1fr}.work-project{gap:1.5rem}}
@media(max-width:480px){.work-flow{grid-template-columns:1fr}.work-demo__top{flex-direction:column;gap:.3rem}.work-compare{gap:.6rem}.work-compare div{padding:.8rem}.work-actions .btn{justify-content:center;width:100%}}

.work-caption a,.work-capabilities a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}.work-screenshot{margin-top:1.5rem}.work-screenshot img{width:100%;height:auto;border:1px solid var(--line);border-radius:8px}.work-screenshot figcaption{color:var(--muted);font-size:.8rem;margin-top:.5rem}

.container.work-project{padding-inline:var(--gutter)}.work-kicker a{color:var(--navy);text-decoration:underline;text-underline-offset:3px}