.clarity-story{padding:72px 0;background:radial-gradient(ellipse at 0 60%,rgba(215,179,77,.12),transparent 60%),linear-gradient(135deg,#f4f6f8,#fffcf4);border-block:1px solid rgba(170,130,32,.24)}
.clarity-story .clarity-grid{display:grid;grid-template-columns:minmax(0,1fr) minmax(240px,340px);gap:clamp(32px,6vw,90px);align-items:center;max-width:1000px;margin:auto}
.clarity-story h2{font-size:clamp(34px,4vw,54px);line-height:1.06;color:#092c45;margin:22px 0}
.clarity-story p{font-size:17px;line-height:1.8;color:#41566a;max-width:51ch;margin:0 0 22px}
.clarity-story .tag{color:#775713;border-color:#b18a32}
.clarity-story .clarity-frame{margin:0;padding:9px;border-radius:23px;background:linear-gradient(135deg,#173a50,#071827);border:1px solid #bd963b;box-shadow:0 25px 50px -20px rgba(5,25,40,.5),0 0 0 5px rgba(191,149,47,.06)}
.clarity-story video{display:block;aspect-ratio:240/427;width:100%;height:auto;object-fit:contain;background:#080b0e;border-radius:15px}
.clarity-story figcaption{font-size:14px;color:#d6dfe6;line-height:1.5;text-align:center;padding:12px 6px 4px}
@media(max-width:760px){.clarity-story{padding:48px 0}.clarity-story .clarity-grid{grid-template-columns:minmax(0,1fr);gap:28px}.clarity-story .clarity-frame{width:min(100%,310px);box-sizing:border-box;justify-self:center}.clarity-story h2{font-size:38px}.clarity-story .btn-gold{display:inline-flex;max-width:100%;box-sizing:border-box;white-space:normal}}