.cms-demo-feature{color:#242b28;background:#eef2e8;border:1px solid #d7dfcf;border-radius:8px;grid-template-columns:minmax(250px,.85fr) minmax(0,1.4fr);align-items:center;gap:36px;margin:36px 0;padding:24px 24px 24px 32px;display:grid}.cms-demo-feature .cms-demo-feature-title{letter-spacing:-.045em;margin:0 0 13px;font-size:clamp(24px,2.65vw,34px);font-weight:500;line-height:1.16}.cms-demo-feature .cms-demo-feature-description{color:#566450;max-width:315px;margin:0;font-size:13px;line-height:1.8}.cms-demo-feature .cms-demo-feature-link{color:#30472d;border-bottom:1px solid #62765a;justify-content:space-between;align-items:center;gap:24px;min-height:44px;margin-top:13px;padding:8px 0;font-size:12px;font-weight:650;line-height:1.5;text-decoration:none;display:inline-flex}.cms-demo-feature .cms-demo-feature-link:hover{color:#1d331b;border-color:currentColor}.cms-demo-feature .cms-demo-feature-link:focus-visible{outline-offset:5px;outline:3px solid #526c45}.cms-demo-feature-link>span{font-size:18px}.cms-demo-feature-visual{isolation:isolate;border:1px solid #d5dccf;border-radius:6px;grid-template-columns:.95fr 1.2fr;min-width:0;height:228px;display:grid;position:relative;box-shadow:0 12px 24px -16px #24312750}.cms-demo-feature-studio{color:#29252d;background:#f8f7fa;border-radius:5px 0 0 5px;min-width:0;overflow:hidden}.cms-demo-feature-studio-top{background:#fff;border-bottom:1px solid #e5e1e8;justify-content:space-between;align-items:center;gap:8px;height:41px;padding:0 15px;display:flex}.cms-demo-feature-studio-name{letter-spacing:-.02em;align-items:center;gap:7px;font-size:12px;font-weight:650;display:flex}.cms-demo-feature-studio-name>i{border:2px solid #d91a83;border-radius:3px;width:9px;height:9px;transform:rotate(-12deg)}.cms-demo-feature-demo-label{color:#857b89;letter-spacing:.1em;font-size:7px}.cms-demo-feature-editor{padding:14px 15px 11px}.cms-demo-feature-editor-heading{margin-bottom:13px;font-size:10px;font-weight:650;display:block}.cms-demo-feature-field{margin-bottom:10px}.cms-demo-feature-field>span{color:#7e7383;margin-bottom:5px;font-size:8px;display:block}.cms-demo-feature-field>div{white-space:nowrap;text-overflow:ellipsis;background:#fff;border:1px solid #e4dee7;border-radius:3px;padding:8px 9px;font-size:9px;overflow:hidden}.cms-demo-feature-editor-bottom{color:#8a9485;justify-content:space-between;align-items:center;gap:6px;margin-top:13px;font-size:6px;display:flex}.cms-demo-feature-saved{color:#95738c;align-items:center;gap:4px;display:flex}.cms-demo-feature-saved>i{background:#d91a83;border-radius:50%;width:4px;height:4px}.cms-demo-feature-transfer{z-index:3;color:#4c6842;background:#f6f9f1;border:1px solid #cbd7c0;border-radius:50%;place-items:center;width:34px;height:34px;font-size:18px;display:grid;position:absolute;top:50%;left:44.19%;transform:translate(-50%,-50%);box-shadow:0 3px 12px #101e2726}.cms-demo-feature-preview{color:#f7efdf;isolation:isolate;background:#0a090c;border-radius:0 5px 5px 0;min-width:0;position:relative;overflow:hidden}.cms-demo-feature-portrait{z-index:-2;position:absolute;inset:0}.cms-demo-feature-portrait>img{object-fit:cover;object-position:75% 40%}.cms-demo-feature-preview-shade{z-index:-1;background:linear-gradient(90deg,#03030ae8,#03030a20 80%),linear-gradient(#04040b00 58%,#04040b 100%);position:absolute;inset:0}.cms-demo-feature-preview-top{letter-spacing:.12em;justify-content:space-between;align-items:center;gap:12px;font-size:7px;display:flex;position:absolute;inset:15px 17px auto}.cms-demo-feature-preview-top>span:first-child{letter-spacing:-.03em;font-size:9px;font-weight:800}.cms-demo-feature-preview-top>span:last-child{color:#bcb1c7;font-size:6px}.cms-demo-feature-wordmark{position:absolute;top:65px;left:20px;right:12px}.cms-demo-feature-wordmark>span:first-child{font-family:Impact, "Arial Narrow", var(--font-sans), sans-serif;letter-spacing:-.035em;margin-bottom:1px;font-size:clamp(28px,3vw,38px);font-weight:800;line-height:1;display:block}.cms-demo-feature-wordmark>strong{font-family:Impact, "Arial Narrow", var(--font-sans), sans-serif;letter-spacing:-.035em;font-size:clamp(36px,4vw,51px);font-weight:850;line-height:1;display:block}.cms-demo-feature-wordmark>.cms-demo-feature-preview-tagline{color:#160a13;background:#f52da9;margin-top:12px;padding:4px 6px;font-size:7px;font-weight:700;display:inline-block;transform:rotate(-3deg)}.cms-demo-feature-preview-bottom{color:#c1c2d1;align-items:flex-end;gap:2px;height:12px;display:flex;position:absolute;inset:auto 17px 15px}.cms-demo-feature-preview-bottom>span{letter-spacing:.025em;flex:1;font-size:6px}.cms-demo-feature-preview-bottom>i{opacity:.8;background:#f52da9;width:2px;height:7px}.cms-demo-feature-preview-bottom>i:nth-of-type(2n){height:11px}.cms-demo-feature-preview-bottom>i:nth-of-type(3n){height:4px}@media (max-width:950px){.cms-demo-feature{grid-template-columns:minmax(215px,.85fr) minmax(0,1.4fr);gap:22px;padding:22px}.cms-demo-feature-visual{height:226px}.cms-demo-feature-studio-top{padding:0 12px}.cms-demo-feature-editor{padding:14px 12px 10px}.cms-demo-feature-wordmark{left:17px}.cms-demo-feature-preview-top,.cms-demo-feature-preview-bottom{left:14px;right:12px}}@media (max-width:680px){.cms-demo-feature{grid-template-columns:minmax(0,1fr);gap:24px;margin:28px 0;padding:24px}.cms-demo-feature .cms-demo-feature-title{font-size:30px}.cms-demo-feature .cms-demo-feature-description{max-width:350px}.cms-demo-feature .cms-demo-feature-link{margin-top:10px}.cms-demo-feature-visual{height:220px}.cms-demo-feature-wordmark>strong{font-size:clamp(34px,8.4vw,48px)}.cms-demo-feature-wordmark>span:first-child{font-size:clamp(27px,6.6vw,38px)}}@media (max-width:390px){.cms-demo-feature{padding:20px 16px}.cms-demo-feature .cms-demo-feature-title{font-size:28px}.cms-demo-feature-studio-top{padding:0 10px}.cms-demo-feature-editor{padding:14px 10px 10px}.cms-demo-feature-wordmark{left:14px}}
