/* Reusable photographic covers. Developed by Sukh Sandhu. */
.topic-cover{position:relative;isolation:isolate;overflow:hidden;background:var(--topic-tint,#edf5fb);container-type:inline-size}
.topic-cover>img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:62% 50%;transition:transform 1.2s cubic-bezier(.2,.7,.2,1);transform:scale(1.025)}
.topic-cover .cover-wash{position:absolute;inset:0;background:linear-gradient(90deg,var(--topic-tint) 0%,color-mix(in srgb,var(--topic-tint) 96%,transparent) 18%,color-mix(in srgb,var(--topic-tint) 55%,transparent) 42%,transparent 66%);z-index:1;pointer-events:none}
.topic-cover .cover-copy{position:absolute;inset:14% auto 12% 7%;width:58%;z-index:2;display:flex;flex-direction:column;align-items:flex-start;justify-content:center;pointer-events:none;color:var(--topic-accent)}
.cover-kicker{font:700 clamp(6px,1.7cqi,10px)/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.15em;margin-bottom:4cqi;white-space:nowrap}
.cover-title{font:600 clamp(20px,7.4cqi,44px)/1.03 Manrope,Arial,sans-serif;letter-spacing:-.05em;max-width:100%}
.type-editorial .cover-title{font-family:Georgia,'Times New Roman',serif;font-weight:400;letter-spacing:-.045em;line-height:1.05}
.type-technical .cover-title{font-family:'Courier New',ui-monospace,monospace;font-weight:700;letter-spacing:-.07em;font-size:clamp(18px,6.8cqi,40px);line-height:1.06}
.type-display .cover-title{font-family:'Arial Narrow','Liberation Sans Narrow',Impact,Arial,sans-serif;font-weight:800;letter-spacing:-.04em;line-height:.99;font-size:clamp(20px,7.7cqi,48px)}
.topic-apprenticeships-pathways .cover-title{font-size:clamp(16px,5.65cqi,36px)}
.topic-international-education .cover-title{font-size:clamp(18px,6.1cqi,38px)}
.cover-rule{width:30px;height:3px;background:var(--topic-accent);margin-top:4cqi;border-radius:2px}
.cover-caption{font:600 clamp(5px,1.4cqi,8px)/1.5 'DM Sans',Arial,sans-serif;letter-spacing:.18em;margin-top:2cqi}
.topic-cover .cover-motif{position:absolute;pointer-events:none;z-index:1;opacity:.16;color:var(--topic-accent)}
.cover-blueprint .cover-motif{inset:0 60% 0 0;background-image:linear-gradient(var(--topic-accent) 1px,transparent 1px),linear-gradient(90deg,var(--topic-accent) 1px,transparent 1px);background-size:23px 23px;opacity:.06}
.cover-data .cover-motif{right:7%;top:8%;width:26%;height:5%;background:repeating-linear-gradient(90deg,var(--topic-accent) 0 5px,transparent 5px 13px);opacity:.3}
.cover-editorial .cover-motif{left:3%;top:10%;bottom:10%;border-left:1px solid var(--topic-accent);opacity:.23}
.cover-conversation .cover-motif{left:-8%;bottom:-25%;width:50%;aspect-ratio:1;border:1px solid var(--topic-accent);border-radius:50%;opacity:.22}
.cover-sunrise .cover-motif{width:65%;aspect-ratio:1;top:-72%;left:-18%;border:20px solid var(--topic-accent);border-radius:50%;opacity:.055}
.cover-pathways .cover-motif{height:7%;width:48%;bottom:0;left:-4%;transform:skew(-35deg);background:var(--topic-accent);opacity:.24}
.cover-orbital .cover-motif{width:45%;aspect-ratio:1;border:1px solid var(--topic-accent);border-radius:50%;left:-20%;top:25%;box-shadow:0 0 0 14px color-mix(in srgb,var(--topic-accent) 15%,transparent),0 0 0 28px color-mix(in srgb,var(--topic-accent) 8%,transparent);opacity:.3}
.topic-cover .image-note{z-index:3;font-family:'DM Sans',Arial,sans-serif;font-size:7px;background:#fffef0e8;color:#445463;bottom:8px;right:8px;padding:3px 6px;border:1px solid #ffffff8a;line-height:1.3}
.card .topic-cover{height:auto;aspect-ratio:16/10;min-height:175px}
.card:hover .topic-cover>img{transform:scale(1.075)}
.feature-visual.topic-cover .cover-title{font-size:clamp(24px,6.6cqi,45px)}
.feature-visual.topic-cover .cover-kicker{margin-bottom:2.5cqi}
.feature-visual.topic-cover .cover-rule{margin-top:2.5cqi}
.feature-visual.topic-cover .cover-caption{margin-top:1.1cqi}
.side-lead-visual.topic-cover .cover-copy{inset:12% 8% auto;width:84%;height:75%;justify-content:flex-start}
.side-lead-visual.topic-cover .cover-title{font-size:clamp(13px,10cqi,23px);max-width:100%;line-height:1.05;overflow-wrap:normal}
.side-lead-visual.topic-cover .cover-kicker{font-size:clamp(5px,3.3cqi,8px);margin-bottom:8px;letter-spacing:.08em}
.side-lead-visual.topic-cover .cover-caption{display:none}
.side-lead-visual.topic-cover .cover-rule{height:2px;width:22px;margin-top:12px}
.side-lead-visual.topic-cover .cover-wash{background:linear-gradient(180deg,var(--topic-tint),color-mix(in srgb,var(--topic-tint) 85%,transparent) 34%,transparent 88%)}
.side-lead-visual.topic-cover>img{object-position:70% 65%}
.side-lead-visual.topic-cover .image-note{font-size:5px;bottom:5px;right:4px;padding:2px 3px}
.article-visual.topic-cover{height:auto;aspect-ratio:16/8.5;min-height:220px;border-radius:12px;margin:0 0 25px}
.article-visual.topic-cover .cover-title{font-size:clamp(25px,6.8cqi,49px)}
.article-visual.topic-cover .cover-kicker{margin-bottom:3cqi}
.article-visual.topic-cover .cover-rule{margin-top:3cqi}
@media(max-width:600px){.card .topic-cover{min-height:0;aspect-ratio:16/10}.topic-cover .image-note{font-size:6px}.article-visual.topic-cover{min-height:170px;aspect-ratio:3/2}.article-visual.topic-cover .cover-title{font-size:clamp(21px,7cqi,32px)}}
@media print{.topic-cover{display:none!important}}