.fvs .fvs-eng-preview{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);grid-template-rows:1fr auto 1fr;grid-template-areas:"copy visual" "action visual" ". visual";gap:20px clamp(24px,4vw,60px);margin:32px 0;padding:clamp(22px,4vw,48px);border:1px solid var(--fvs-line);border-radius:28px;background:linear-gradient(135deg,var(--fvs-card),var(--fvs-tint));box-shadow:var(--fvs-shadow-sm);position:relative;isolation:isolate}
.fvs-eng-preview:before{content:"";position:absolute;inset:32px auto 32px 0;width:3px;background:linear-gradient(var(--fvs-accent),transparent);border-radius:0 4px 4px 0}
.fvs .fvs-eng-preview-copy{grid-area:copy;align-self:end;min-width:0}
.fvs-eng-preview-brand{display:inline-flex;margin:0 0 22px;font-size:21px;font-weight:800;letter-spacing:-.055em;line-height:1.1}
.fvs-eng-preview-brand span:first-child{color:#8224b3}.fvs-eng-preview-brand span:last-child{color:#efb300}
.fvs .fvs-eng-preview-copy h3{margin:0 0 18px;max-width:470px;font-size:clamp(25px,3vw,39px);font-weight:750;line-height:1.14;letter-spacing:-.035em;color:var(--fvs-ink);text-wrap:balance}
.fvs .fvs-eng-preview-copy p{margin:0;max-width:430px;color:var(--fvs-muted);font-size:16px;line-height:1.8}
.fvs .fvs-eng-preview-frame{grid-area:visual;width:100%;max-width:640px;min-width:0;align-self:center;margin:0;transform:rotate(-1deg)}
.fvs-eng-preview-media{overflow:hidden;border:1px solid #49404e;border-radius:20px;background:#202329;box-shadow:0 18px 38px #21102c22}
.fvs-eng-preview-media img{display:block;width:100%;height:auto;border:0}
.fvs .fvs-eng-preview-frame figcaption{margin:0;padding:13px 6px 0;text-align:center;color:var(--fvs-muted);font-size:12px;line-height:1.6}
.fvs .fvs-eng-preview>.fvs-included-link{grid-area:action;justify-self:start;align-self:start;display:inline-flex;align-items:center;justify-content:center;gap:14px;min-height:48px;width:auto;max-width:100%;margin:0;padding:12px 18px;border:1px solid var(--fvs-accent);border-radius:12px;background:var(--fvs-accent);color:#fff!important;box-shadow:0 7px 18px #62164f20;font-size:14px;font-weight:650;text-decoration:none;line-height:1.4}
.fvs .fvs-eng-preview>.fvs-included-link:hover{filter:brightness(1.08);transform:translateY(-1px)}
.fvs .fvs-eng-preview>.fvs-included-link:focus-visible{outline:3px solid var(--fvs-accent);outline-offset:4px}
.fvs .fvs-eng-preview>.fvs-included-link svg{width:18px;height:18px;flex:none}
@media(max-width:760px){.fvs .fvs-eng-preview{grid-template-columns:minmax(0,1fr);grid-template-rows:auto;grid-template-areas:"copy" "visual" "action";gap:22px;padding:22px;border-radius:23px}.fvs .fvs-eng-preview-frame{max-width:560px;justify-self:center;transform:none}.fvs-eng-preview-brand{font-size:18px;margin-bottom:14px}.fvs .fvs-eng-preview-copy h3{font-size:29px;margin-bottom:12px;max-width:530px}.fvs .fvs-eng-preview-copy p{font-size:15px;line-height:1.7;max-width:530px}.fvs .fvs-eng-preview>.fvs-included-link{justify-self:stretch;width:100%;box-sizing:border-box}}
@media(max-width:360px){.fvs .fvs-eng-preview{padding:16px;gap:18px}.fvs .fvs-eng-preview-copy h3{font-size:25px}.fvs-eng-preview-media{border-radius:14px}}
@media(prefers-reduced-motion:reduce){.fvs .fvs-eng-preview>.fvs-included-link:hover{transform:none}}
