.before-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.before-grid img{width:100%;height:auto;display:block;border:1px solid #d9dcd7}.before-grid h3{font-size:18px}.preview-stage{position:relative;height:540px;border:10px solid #101f3f;border-radius:8px;overflow:hidden;background:#101f3f}.preview-stage iframe{width:100%;height:800px;border:0;pointer-events:none}.preview-open{position:absolute;inset:0;border:0;background:linear-gradient(transparent 55%,#101f3f88);cursor:pointer;display:flex;justify-content:center;align-items:flex-end;padding:28px}.preview-open span{background:#ff7565;color:#101f3f;padding:15px 24px;border-radius:4px;font:700 15px Inter,Arial,sans-serif}.preview-open:hover span{background:white}.preview-note{font-size:13px;color:#4b5563;margin:18px 0 35px}.case-features{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}.case-features article{background:#fafaf7;border-top:3px solid #ff7565;padding:25px}.case-features h3{font-size:22px}.case-features p{font-size:15px;line-height:1.7}#ferranti-preview{width:96vw;max-width:1440px;height:94dvh;max-height:94dvh;padding:0;overflow:hidden;border:0;background:white}#ferranti-preview[open]{display:flex;flex-direction:column}.preview-toolbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:14px 20px;background:#101f3f;color:white;flex-shrink:0}.preview-toolbar h2{font-size:17px;letter-spacing:0}.preview-toolbar button{border:0;background:#ff7565;color:#101f3f;padding:9px 14px;cursor:pointer;font:inherit}#ferranti-preview iframe{border:0;width:100%;flex:1;min-height:0}.project.ferranti-project img{object-fit:cover}@media(max-width:750px){.before-grid,.case-features{grid-template-columns:1fr}.preview-stage{height:410px;border-width:6px}.preview-toolbar{padding:12px}.preview-toolbar h2{font-size:13px}}