/* Trends editorial feature. Scoped styles preserve the approved ASEC site. */
.trends-spotlight, .trends-feature-hero, .trends-stories-section,
.trends-reader-section, .trends-gallery-section, .trends-feature-close { --trends-ink:#222320; --trends-paper:#f4f2ed; --trends-accent:#bf0a30; }
.trends-spotlight { background:var(--trends-paper); padding:36px 0 70px; color:var(--trends-ink); border-bottom:1px solid #dedbd4; }
.trends-topline { display:flex; justify-content:space-between; flex-wrap:wrap; gap:14px; padding-bottom:22px; margin-bottom:40px; border-bottom:1px solid #cbc8c0; font-size:10px; font-weight:700; letter-spacing:.19em; }
.trends-spotlight-grid { display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); align-items:center; gap:72px; }
.trends-cover-stage { margin:0; padding:20px 30px 8px; background:linear-gradient(150deg,#e7e3db,#ebe7e0); text-align:center; }
.trends-cover-link { display:block; width:min(100%,385px); margin:0 auto; box-shadow:0 18px 36px #19191924; transform:rotate(-1.1deg); transition:transform .2s; }
.trends-cover-link:hover { transform:rotate(0deg) translateY(-3px); }
.trends-cover-image { display:block; width:100%; height:auto; }
.trends-cover-stage figcaption { margin:24px 0 14px; font-size:10px; color:#5e6058; letter-spacing:.12em; text-transform:uppercase; }
.trends-spotlight-copy { min-width:0; }
.trends-spotlight h2 { font-family:Arial,Helvetica,sans-serif; font-size:clamp(48px,5.55vw,84px); font-weight:900; letter-spacing:-.065em; line-height:.93; margin:0 0 25px; }
.trends-spotlight h2 em,.trends-feature-hero h1 em { color:var(--trends-accent); font-family:Georgia,'Times New Roman',serif; font-weight:600; letter-spacing:-.07em; }
.trends-deck { font-family:Georgia,'Times New Roman',serif; font-size:clamp(20px,1.85vw,26px); line-height:1.4; color:inherit; margin:0 0 22px; max-width:610px; }
.trends-intro { font-size:15px; color:#5e6059; line-height:1.85; max-width:555px; margin:0 0 26px; }
.trends-actions { display:flex; flex-wrap:wrap; align-items:center; gap:18px 28px; }
.trends-actions .btn { flex-shrink:0; }
.trends-pdf-link,.trends-photo-link { display:inline-flex; align-items:center; gap:12px; min-height:44px; border-bottom:1px solid currentColor; font-size:12px; font-weight:700; }
.trends-mini-row { display:flex; align-items:center; gap:20px; border-top:1px solid #cfccc5; margin-top:34px; padding-top:24px; }
.trends-minis { display:flex; gap:6px; flex-shrink:0; }
.trends-mini { width:45px; height:58px; overflow:hidden; background:#ddd9d0; }
.trends-mini img { width:100%; height:100%; object-fit:cover; }
.trends-mini-row strong,.trends-mini-row span:not(.trends-mini) { display:block; }
.trends-mini-row strong { font-size:12px; line-height:1.5; }
.trends-mini-row > div > span { margin-top:5px; font-size:11px; color:#60625c; }
.trends-feature-hero { background:#20211f; color:#f7f5ef; padding:30px 0 72px; overflow:hidden; }
.trends-breadcrumb { display:flex; flex-wrap:wrap; align-items:center; gap:14px; font-size:11px; color:#d1d0c9; margin-bottom:48px; }
.trends-breadcrumb a { min-height:44px; display:inline-flex; align-items:center; border-bottom:1px solid #686b62; }
.trends-feature-grid { display:grid; grid-template-columns:minmax(0,1.1fr) minmax(0,.8fr); gap:78px; align-items:center; }
.trends-issue { font-size:10px; font-weight:700; color:#deded7; letter-spacing:.21em; margin-bottom:28px; }
.trends-feature-hero h1 { font-family:Arial,Helvetica,sans-serif; font-size:clamp(65px,6.8vw,102px); line-height:.95; letter-spacing:-.075em; margin-bottom:32px; }
.trends-feature-hero h1 em { color:#bf0a30; }
.trends-feature-hero .trends-deck { max-width:600px; }
.trends-feature-hero .trends-intro { color:#d4d4ce; }
.trends-feature-meta { border-top:1px solid #50534a; margin:38px 0 0; padding-top:24px; font-size:9px; letter-spacing:.15em; color:#c4c4bb; }
.trends-feature-cover { margin:0; width:min(100%,395px); justify-self:end; }
.trends-feature-cover > a { display:block; box-shadow:0 24px 65px #0005; }
.trends-feature-cover figcaption { font-size:10px; margin-top:17px; text-align:center; letter-spacing:.08em; color:#d0d2c8; }
.trends-stories-section { padding:75px 0 78px; background:#fff; }
.trends-story-grid { display:grid; grid-template-columns:repeat(4,minmax(0,1fr)); gap:28px; }
.trends-story-card { min-width:0; }
.trends-story-visual { position:relative; display:block; background:#eceae4; }
.trends-story-visual > img { width:100%; height:285px; object-fit:cover; object-position:center 18%; }
.trends-story-card:last-child .trends-story-visual > img { object-fit:contain; }
.trends-page-badge { position:absolute; left:0; bottom:0; padding:8px 12px; background:#232421; color:#fff; font-size:9px; letter-spacing:.16em; }
.trends-story-copy { padding:21px 0 0; }
.trends-story-person { color:#696b64; font-size:10px; letter-spacing:.04em; margin:0 0 10px; }
.trends-story-copy h3 { font-size:25px; line-height:1.13; letter-spacing:-.035em; margin:0 0 15px; }
.trends-story-copy > p:not(.trends-story-person) { color:#63655e; font-size:13px; line-height:1.75; margin-bottom:15px; }
.trends-story-copy .text-link { font-size:11px; }
.trends-reader-section { padding:76px 0; background:var(--trends-paper); scroll-margin-top:120px; }
.trends-reader { max-width:1030px; margin:0 auto; border:1px solid #ccc9c1; background:#e6e3dc; }
.trends-reader-toolbar { display:flex; justify-content:space-between; flex-wrap:wrap; gap:15px; align-items:center; background:#fff; padding:17px 24px; border-bottom:1px solid #d4d1c8; }
.trends-page-tabs { display:flex; gap:6px; }
.trends-page-tabs button { background:#f4f2ed; border:1px solid transparent; min-width:45px; min-height:44px; padding:8px 12px; font-size:12px; font-weight:700; }
.trends-page-tabs button[aria-pressed=true] { background:var(--trends-accent); color:#fff; }
.trends-page-tabs button:hover { border-color:#555; }
[data-trends-page-status] { font-size:11px; color:#595c54; margin:0; }
.trends-sheet-image { padding:30px; }
.trends-page-zoom { position:relative; border:0; background:#fff; padding:0; display:block; width:min(100%,670px); margin:auto; box-shadow:0 12px 24px #0002; }
.trends-page-zoom img { width:100%; height:auto; }
.trends-page-zoom > span { display:flex; align-items:center; justify-content:center; gap:12px; padding:12px; font-size:11px; background:#242522; color:#fff; min-height:44px; }
.trends-transcript { background:#fff; color:#242522; border-block:1px solid #cfccc4; }
.trends-transcript > summary { display:flex; justify-content:space-between; gap:20px; align-items:center; padding:23px 30px; font-size:14px; font-weight:700; list-style:none; }
.trends-transcript > summary::-webkit-details-marker { display:none; }
.trends-transcript[open] > summary > span { transform:rotate(45deg); }
.trends-article-text { max-width:790px; margin:0 auto; padding:5px 34px 36px; font-size:16px; line-height:1.85; color:#40423b; }
.trends-article-text h3 { font-family:Georgia,'Times New Roman',serif; font-size:34px; line-height:1.15; letter-spacing:-.04em; margin:20px 0; color:#20211f; }
.trends-article-text .trends-transcript-subtitle { font-family:Georgia,'Times New Roman',serif; font-size:22px; line-height:1.4; }
.trends-article-text .trends-original-note { font-size:11px; color:#73746e; margin-bottom:20px; }
.trends-article-text blockquote { border-left:3px solid var(--trends-accent); margin:28px 0 0; padding:4px 0 4px 23px; font-family:Georgia,'Times New Roman',serif; font-size:23px; line-height:1.5; color:#242522; }
.trends-article-text blockquote p { margin:0 0 14px; }
.trends-article-text cite { font-family:Arial,Helvetica,sans-serif; font-size:12px; font-style:normal; }
.trends-reader-bottom { display:flex; align-items:center; justify-content:space-between; gap:14px; padding:18px 24px; }
.trends-reader-bottom button { padding:8px 13px; border:1px solid #b5b5a9; background:#fff; font-size:12px; font-weight:700; min-height:44px; }
.trends-reader-bottom button:disabled { opacity:.45; cursor:default; }
.trends-reader-bottom > span { font-size:11px; }
.trends-source-credit { max-width:1030px; font-size:10px; line-height:1.8; color:#676a60; margin:22px auto 0; }
.trends-gallery-section { padding:76px 0; background:#fff; }
.trends-gallery-intro { max-width:340px!important; }
.trends-gallery { display:grid; grid-template-columns:minmax(0,1.15fr) minmax(0,1fr); gap:24px; align-items:center; }
.trends-gallery-photo { margin:0; }
.trends-gallery-photo button { display:block; position:relative; border:0; padding:0; width:100%; background:#eeece5; }
.trends-gallery-photo img { width:100%; height:auto; }
.trends-gallery-small { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:17px; }
.trends-gallery-small img { aspect-ratio:1.01; object-fit:contain; }
.trends-photo-open { position:absolute; bottom:9px; right:9px; background:#fff; color:#20221d; width:30px; height:30px; font-size:18px; display:grid; place-content:center; }
.trends-feature-close { background:var(--trends-paper); padding:54px 0; border-top:1px solid #d8d6ce; }
.trends-feature-close > .wrap { display:flex; justify-content:space-between; align-items:center; gap:35px; }
.trends-feature-close h2 { font-size:38px; }
.trends-lightbox { width:calc(100vw - 36px); height:calc(100dvh - 36px); max-width:1500px; max-height:none; padding:0; border:0; background:#22231f; color:#fff; margin:auto; }
.trends-lightbox::backdrop { background:#000d; }
.trends-lightbox-bar { display:flex; justify-content:space-between; gap:22px; align-items:center; min-height:70px; padding:12px 24px; border-bottom:1px solid #55574f; }
.trends-lightbox-bar h2 { font-family:Arial,Helvetica,sans-serif; letter-spacing:0; font-size:14px; line-height:1.4; font-weight:600; }
.trends-lightbox-bar > div { display:flex; gap:10px; flex-shrink:0; }
.trends-lightbox-bar button { border:1px solid #82847c; color:#fff; background:transparent; padding:9px 16px; font-size:12px; min-height:44px; }
.trends-lightbox-scroll { height:calc(100% - 71px); overflow:auto; padding:24px; text-align:center; }
.trends-lightbox-scroll img { display:block; width:auto; height:auto; max-height:100%; max-width:100%; margin:auto; }
.trends-lightbox.is-zoomed .trends-lightbox-scroll img { height:auto; width:1568px; max-width:none; max-height:none; }
@media(max-width:1100px) {
 .trends-spotlight-grid { gap:40px; grid-template-columns:minmax(0,.9fr) minmax(0,1.1fr); }
 .trends-cover-stage { padding:20px 20px 5px; }
 .trends-spotlight h2 { font-size:62px; }
 .trends-intro { font-size:14px; }
 .trends-feature-grid { gap:40px; }
 .trends-feature-hero h1 { font-size:75px; }
 .trends-story-grid { gap:22px; grid-template-columns:repeat(2,minmax(0,1fr)); }
 .trends-story-visual > img { height:300px; object-fit:contain; }
 .trends-story-copy { padding-bottom:10px; }
}
@media(max-width:780px) {
 .trends-spotlight-grid { grid-template-columns:minmax(0,1fr); gap:38px; }
 .trends-spotlight-copy { order:-1; }
 .trends-cover-stage { padding:25px 20px 5px; }
 .trends-cover-link { max-width:340px; }
 .trends-spotlight h2 { font-size:72px; }
 .trends-mini-row { margin-top:24px; }
 .trends-feature-grid { grid-template-columns:minmax(0,1fr); gap:35px; }
 .trends-feature-cover { width:min(100%,340px); justify-self:center; }
 .trends-feature-hero h1 { font-size:clamp(58px,10vw,82px); }
 .trends-feature-meta { margin-top:25px; }
 .trends-gallery { grid-template-columns:minmax(0,1fr); gap:22px; }
 .trends-gallery-small { gap:16px; }
 .trends-feature-close > .wrap { display:block; }
 .trends-feature-close .trends-actions { margin-top:25px; }
}
@media(max-width:540px) {
 .trends-spotlight { padding:25px 0 38px; }
 .trends-topline { font-size:8px; letter-spacing:.12em; gap:10px; margin-bottom:30px; padding-bottom:17px; }
 .trends-spotlight h2 { font-size:clamp(43px,12.6vw,68px); margin-bottom:22px; }
 .trends-spotlight .eyebrow { font-size:8px; letter-spacing:.12em; margin-bottom:22px; }
 .trends-deck { font-size:20px; }
 .trends-intro { font-size:13px; line-height:1.85; }
 .trends-actions { gap:12px 18px; }
 .trends-actions .btn { gap:16px; padding:12px 17px; min-height:48px; font-size:11px; }
 .trends-pdf-link,.trends-photo-link { font-size:11px; }
 .trends-mini-row { gap:13px; padding-top:20px; }
 .trends-minis { gap:4px; }
 .trends-mini { width:32px; height:42px; }
 .trends-mini-row strong { font-size:10px; }
 .trends-mini-row > div > span { font-size:9px; }
 .trends-feature-hero { padding:19px 0 38px; }
 .trends-breadcrumb { margin-bottom:28px; font-size:10px; }
 .trends-feature-hero h1 { font-size:clamp(44px,12.6vw,68px); margin-bottom:25px; }
 .trends-issue { font-size:8px; letter-spacing:.13em; margin-bottom:22px; }
 .trends-feature-meta { font-size:7px; line-height:1.8; }
 .trends-feature-cover { width:min(100%,300px); }
 .trends-stories-section,.trends-reader-section,.trends-gallery-section { padding:42px 0; }
 .trends-stories-section h2,.trends-reader-section h2,.trends-gallery-section h2 { font-size:32px; }
 .trends-story-grid { gap:32px; grid-template-columns:minmax(0,1fr); }
 .trends-story-visual > img { height:285px; }
 .trends-story-copy h3 { font-size:27px; }
 .trends-story-copy { padding-top:17px; }
 .trends-reader-section .section-head { flex-direction:column; align-items:flex-start; }
 .trends-reader-toolbar { padding:12px; gap:10px; }
 .trends-page-tabs { gap:5px; width:100%; }
 .trends-page-tabs button { min-width:40px; padding:7px 9px; font-size:11px; flex:1; }
 .trends-sheet-image { padding:12px; }
 .trends-transcript > summary { padding:19px 14px; font-size:12px; }
 .trends-article-text { padding:3px 17px 23px; font-size:15px; }
 .trends-article-text h3 { font-size:29px; }
 .trends-article-text p { overflow-wrap:anywhere; }
 .trends-reader-bottom { padding:12px 10px; gap:5px; }
 .trends-reader-bottom button { font-size:10px; padding:8px; }
 .trends-reader-bottom > span { font-size:9px; }
 .trends-source-credit { font-size:9px; }
 .trends-feature-close { padding:35px 0; }
 .trends-feature-close h2 { font-size:30px; }
 .trends-lightbox { width:100vw; height:100dvh; }
 .trends-lightbox-bar { gap:10px; align-items:flex-start; flex-direction:column; padding:13px; }
 .trends-lightbox-bar h2 { font-size:12px; }
 .trends-lightbox-bar button { padding:7px 12px; font-size:11px; }
 .trends-lightbox-scroll { height:calc(100% - 115px); padding:12px; }
}
@media(prefers-reduced-motion:reduce) { .trends-cover-link { transition:none; transform:none; } }

/* An editorial update alongside, never inside, the original magazine artwork. */
.trends-impact-update{margin:24px 0;padding:28px 32px;background:#f1eee8;border-left:4px solid #bf0a30;max-width:100%}.trends-impact-update h3{font-size:24px;line-height:1.25;margin:10px 0 14px}.trends-impact-update p{font-size:15px;line-height:1.8}.trends-impact-update .eyebrow{font-size:11px}.trends-impact-update .source-note{font-size:12px;margin-top:15px}.trends-impact-update .text-link{margin-top:15px;font-size:13px}@media(max-width:600px){.trends-impact-update{padding:22px 20px}.trends-impact-update h3{font-size:22px}}