/* A direct messenger clickout, with a lightweight illustrated poster. */
.hero-clickout{position:relative;isolation:isolate;overflow:hidden;min-width:0;border-radius:27px;background:#ff6b25;color:#201511;padding:27px 30px 24px;scroll-margin-top:95px;box-shadow:0 18px 58px #d9520a14}
.clickout-topline{display:flex;align-items:center;justify-content:space-between;gap:15px;font-size:12px;font-weight:650;letter-spacing:.025em}
.clickout-spark{font-size:30px;line-height:1;color:#201511}
.hero-clickout h2{position:relative;z-index:1;font-size:clamp(33px,3.25vw,45px);line-height:1.04;letter-spacing:-.045em;margin:21px 0 0;font-weight:700;max-width:440px;text-wrap:balance}
.hero-clickout h2 span{color:#142975}
.clickout-art{position:relative;height:252px;margin:0 -30px -3px;mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 84%,transparent);-webkit-mask-image:linear-gradient(to bottom,transparent,#000 13%,#000 84%,transparent);pointer-events:none}
.clickout-art img{display:block;width:100%;height:100%;object-fit:cover;object-position:50% 50%}
.clickout-action{position:relative;z-index:1}
.clickout-action>p{font-size:16px;line-height:1.55;color:#341d12;margin:3px 0 19px;max-width:350px}
.clickout-action .clickout-telegram{width:100%;display:flex;justify-content:space-between;gap:12px;padding:17px 18px;min-height:61px;border-radius:14px;background:#201a19;color:#fff8ed;font-size:15px;line-height:1.3;box-shadow:0 7px 0 #b53d1438;transition:background .16s,transform .16s}
.clickout-telegram>svg{width:21px;height:21px;flex-shrink:0}
.clickout-app-icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:23px;height:23px;font-size:23px;font-weight:800;line-height:1}
.clickout-app-icon svg{width:23px;height:23px}
.clickout-max{display:flex;align-items:center;justify-content:center;gap:9px;min-height:44px;margin-top:11px;color:#341d12;font-size:13px;font-weight:600;text-decoration:underline;text-underline-offset:4px}
.clickout-max svg{width:17px;height:17px}
.hero-clickout a:focus-visible{outline:3px solid #fff8ed;outline-offset:4px}
.clickout-action .clickout-telegram:active{transform:translateY(2px)}
@media(hover:hover){.clickout-action .clickout-telegram:hover{background:#382d2a;transform:translateY(-2px)}.clickout-max:hover{color:#fff8ed}}
@media(max-width:1100px){.hero-clickout{padding-inline:25px}.clickout-art{margin-inline:-25px;height:240px}.hero-clickout h2{font-size:36px}}
@media(max-width:900px){.hero-clickout{width:100%;max-width:620px;justify-self:center}.hero-clickout h2{font-size:43px;max-width:500px}.clickout-art{height:275px}.clickout-action>p{max-width:430px}}
@media(max-width:700px){.hero-clickout{border-radius:22px;padding:23px 24px 18px;scroll-margin-top:84px}.clickout-topline{font-size:11px}.clickout-spark{font-size:28px}.hero-clickout h2{font-size:36px;margin-top:16px;line-height:1.08}.clickout-art{height:218px;margin-inline:-24px}.clickout-action>p{font-size:16px;margin-top:0;margin-bottom:18px}.clickout-action .clickout-telegram{font-size:15px;min-height:57px}.clickout-max{font-size:13px}}
@media(max-width:370px){.hero-clickout{padding-inline:19px}.hero-clickout h2{font-size:31px}.clickout-art{height:192px;margin-inline:-19px}.clickout-action>p{font-size:15px}.clickout-action .clickout-telegram{font-size:13px;padding:16px 13px;gap:9px}.clickout-app-icon svg{width:21px;height:21px}.clickout-telegram>svg{width:18px;height:18px}}
@media(prefers-reduced-motion:reduce){.clickout-action .clickout-telegram{transition:none;transform:none!important}}