/* 1.8.27: image cards are scoped to the Writing hub. */
.re-hub-visual .re-picture-card{position:relative;isolation:isolate;overflow:hidden;display:flex;flex-direction:column;justify-content:flex-end;min-width:0;min-height:380px;padding:30px;border:0;border-radius:24px;background:#211c29;color:#fff;box-shadow:0 8px 24px #32203e12;transform:translateY(0);transition:transform .35s ease,box-shadow .35s ease;text-decoration:none}
.re-hub-visual .re-hub-language{min-height:410px;padding:38px}
.re-hub-visual .re-picture-card:before{content:none}
.re-hub-visual .re-picture-card>.re-hub-picture{position:absolute;inset:0;z-index:-3;width:100%;height:100%;max-width:none;object-fit:cover;object-position:center;transition:transform .7s cubic-bezier(.2,.7,.2,1);margin:0;border-radius:0}
.re-hub-visual .re-picture-shade{position:absolute;inset:0;z-index:-2;background:linear-gradient(180deg,rgba(18,12,24,.12) 0%,rgba(18,12,24,.08) 22%,rgba(18,12,24,.7) 60%,rgba(18,12,24,.96) 100%);pointer-events:none}
.re-hub-visual .re-picture-number{position:absolute;top:24px;left:26px;background:#24182abf;border:1px solid #ffffff65;padding:8px 12px;border-radius:40px;font-size:12px;font-weight:800;letter-spacing:.12em;color:#fff}
.re-hub-visual .re-picture-copy{position:relative;z-index:1;margin:0;padding:70px 0 0}
.re-hub-visual .re-picture-copy h2,.re-hub-visual .re-picture-copy h3{color:#fff!important;margin:0 0 12px;line-height:1.18;letter-spacing:-.025em;text-shadow:0 2px 12px #0005}
.re-hub-visual .re-picture-copy h2{font-size:clamp(40px,4.5vw,64px)}
.re-hub-visual .re-picture-copy h3{font-size:clamp(24px,2.2vw,31px)}
.re-hub-visual .re-picture-copy p{color:#f9e8f4!important;margin:0 0 24px;font-size:17px;line-height:1.5}
.re-hub-visual .re-picture-copy>.re-eyebrow{color:#f1c6e3!important;display:block;margin-bottom:16px;font-size:12px;letter-spacing:.14em}
.re-hub-visual .re-picture-copy strong{color:#fff;border:0;display:inline-flex;align-items:center;gap:16px;padding:8px 0;font-size:15px}
.re-hub-visual .re-picture-links{display:flex;flex-wrap:wrap;gap:10px;margin:0;padding:0}
.re-hub-visual .re-picture-links a{display:inline-flex;align-items:center;gap:14px;min-height:44px;padding:10px 16px;border:1px solid #ffffff85;border-radius:30px;color:#fff!important;background:#ffffff12;font-size:14px;font-weight:700;text-decoration:none;transition:background .2s,color .2s,border-color .2s}
.re-hub-visual .re-picture-arrow{display:inline-block;transition:transform .3s ease}
.re-hub-visual .re-picture-links a:hover,.re-hub-visual .re-picture-links a:focus-visible{background:#f5ddf1;color:#24182a!important;border-color:#f5ddf1}
.re-hub-visual .re-picture-card:focus-within{box-shadow:0 0 0 3px #b56da0,0 16px 34px #32203e24}
.re-hub-visual .re-picture-links a:focus-visible{outline:3px solid #fff;outline-offset:4px}
@media(hover:hover) and (pointer:fine){.re-hub-visual .re-picture-card:hover{transform:translateY(-6px);box-shadow:0 20px 38px #32203e29}.re-hub-visual .re-picture-card:hover>.re-hub-picture,.re-hub-visual .re-picture-card:focus-within>.re-hub-picture{transform:scale(1.065)}.re-hub-visual .re-picture-card:hover .re-picture-arrow{transform:translate(3px,-3px)}}
@media(max-width:767px){.re-hub-visual .re-picture-card{min-height:340px;padding:26px;border-radius:20px}.re-hub-visual .re-hub-language{min-height:340px}.re-hub-visual .re-picture-copy h3{font-size:28px}.re-hub-visual .re-picture-copy h2{font-size:44px}.re-hub-visual .re-picture-number{top:20px;left:22px}}
@media(prefers-reduced-motion:reduce){.re-hub-visual .re-picture-card,.re-hub-visual .re-hub-picture,.re-hub-visual .re-picture-arrow,.re-hub-visual .re-picture-links a{transition:none!important}.re-hub-visual .re-picture-card:hover,.re-hub-visual .re-picture-card:hover>.re-hub-picture,.re-hub-visual .re-picture-card:focus-within>.re-hub-picture,.re-hub-visual .re-picture-card:hover .re-picture-arrow{transform:none!important}}
